文档章节

CSS派生选择器

effto
 effto
发布于 2016/05/04 14:05
字数 311
阅读 38
收藏 0

一 派生选择器

      通过依据元素在其位置的上下文关系来定义,使用标记会更加简洁。

      在css1当中,通过这种方式来应用规则的选择器被称为上下文选择器,这就是由于它们依赖于上下文关系来应用或者避免某些规则。在css2当中,它们称为派生选择器,但是无论你任何称呼它们,它们的作用都是一样的。

      通过派生选择器允许你根据文档的上下文关系来确定某个标签的样式。也就是说通过合理的使用派生选择器,我们可以使html代码便的更加整洁。

       例如:你希望列表中的strong元素变为斜体,而不是其他粗体,可以定义派生选择器:

        li strong{

          font-style:italic;

          font-weight:normal;

       }

或者我们希望设置字体的颜色:

li strong{

     font-style:“宋体”;

     color:green;

     font-weight:normal;

     font-size:20px;

}

请注意标记为<strong>蓝色代码的上下文关系:

在上面的例子中,只有li元素中的strong元素的样式为斜体,无需为strong元素定义特别的class或者li,代码更加简洁。

© 著作权归作者所有

上一篇: CSS id选择器
下一篇: css高级语法
effto
粉丝 3
博文 56
码字总数 28418
作品 0
长春
私信 提问
好程序员Web前端教程分享CSS派生选择器的讲解

CSS 高级语法 CSS id 选择器 派生选择器 通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。 在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextua...

好程序员IT
06/25
0
0
10分钟梳理css知识点

css 选择器 元素选择器 选择器分组 //派生选择器 //id选择器 //类选择器 [title=W3School] {border:5px solid blue;}// 属性选择器 css 样式创建 //外部样式 内部样式 内联样式 This is a pa...

古乙丁三雨
2018/01/18
5
0
可扩展、模块化CSS--基础样式规则(翻译文)

基础样式规则是被应用到元素选择器、派生选择器、子选择器或者伪类,并不包括和选择器。这些样式一般是默认的样式并且被引用到整个项目。 所以,基础样式一般的内容就是默认定义链接的样式,项...

ziven先生
2018/02/04
0
0
Qt stylesheet 源码学习

stylesheet 本文不准备谈样式表的使用。因为Manual中介绍的很清楚了,给的例子也都很不错。再就是我本身对CSS语法不太熟,术语把握不好,qss用的不多。 不过,有两个问题新手似乎特容易迷惑,...

晨曦之光
2012/05/08
833
1
【学习笔记】前端学习笔记 HTML+CSS+JavaScript+JQuery

版权声明:欢迎评论交流,转载请注明原作者。 https://blog.csdn.net/m0_37809890/article/details/84112316 学这些太痛苦了,我一定要成为算法工程师! HTML 简介 Hyper Text Mark Language...

Little_Fall
2018/11/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

idea下springboot 项目在static目录下添加文件不生效

idea下springboot 项目在static目录下添加文件不生效 问题描述 是这样子的,我的项目目录结构如下: 我在static目录下,创建了index.html和aaaa.jpg这两个文件。然后,启动服务访问 http://l...

wotrd
昨天
5
0
k8s1.14 一、环境

1. 4台虚拟机 (CentOS Linux release 7.2.1511 (Core) ) 192.168.130.211 master 192.168.130.212 node1 192.168.130.213 node2 192.168.130.214 node3 2. 设置服务器hostname 2.1 设置本机......

ThomasCheng
昨天
4
0
盖茨:如果我现在开创一家公司 将会专注于AI

新浪科技讯,北京时间 6 月 26 日凌晨消息,微软联合创始人比尔·盖茨(Bill Gates)在周一接受采访时表示,如果他今天从哈佛大学辍学并开创一家新公司,那么这家公司将会专注于人工智能(A...

linuxCool
昨天
1
0
聊聊feign的Retryer

序 本文主要研究一下feign的Retryer Retryer feign-core-10.2.3-sources.jar!/feign/Retryer.java public interface Retryer extends Cloneable { /** * if retry is permitted, retur......

go4it
昨天
14
0
HyperLogLog简介

  (1)HyperLogLog简介      在Redis 在 2.8.9 版本才添加了 HyperLogLog,HyperLogLog算法是用于基数统计的算法,每个 HyperLogLog 键只需要花费 12 KB 内存,就可以计算接近 2^64 个...

SEOwhywhy
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部