.example .pp{ color: orange; } .example.pp2 { color: green; }如上面的两个定义一个是中间有空格,一个是中间没空格。 第一个class要这样写生效:<p class="example">文字文字<span class ...
相信大家都知道 .class .class 和 .class .class 是两种不同的选择规则,但具体怎样不同呢 首先中间有空格的情况:是选择到.class 类下的.class 类子节点,即.class 类的节点要是.class 类子节点 结果: 无空格情况:是选择到同时拥有.class 和.class 的节点 结果: 现在清楚了,不过还有一种情况是:在IE浏览器的 怪异模式 quirks mo ...
2017-10-15 21:41 0 4279 推荐指数:
.example .pp{ color: orange; } .example.pp2 { color: green; }如上面的两个定义一个是中间有空格,一个是中间没空格。 第一个class要这样写生效:<p class="example">文字文字<span class ...
’。基于这样的关系模型,CSS定义了后代选择器(descendant selector)也称为上下文选择器(con ...
当两个选择器之间有空格的情况下,代表的是子类选择器 代表的是a类的b子类 而两个选择器之间没有空格的情况下,代表的是同时拥有两个类名的标签 当两个选择器之间是逗号的情况下,代表的是选择了两个类选择器 ...
代码如下: ...
.a.b 代表 一个元素上 同时 有 a 类 和 b 类 .a .b (中间有空格) 代表 .b 是 .a 的子元素选择. .a,.b 代表 class='a' 和 class='b' 都会被选择上. ...
要点: 1. “空格”:包含子孙 2. “>”:含子不含孙 举个栗子: html代码如下 View Code css代码(带空格的后代选择): View Code 结果:子代1p 3p ...
:id选择器的权重>class选择器的权重=属性选择器的权重>元素选择器(id选择器和cl ...
看书的时候发现有些选择器中的带空格,起初并没有在意,但是当写选择器的时候发现怎么都没有反应,于是仔细比对自己写的和书上的代码,把空格给加上了,结果就有反应了,当是当时不明白是怎么回事,怎么也想不通。在看了几页书便知道怎么回事了,写成博客分享一下。 示例代码 ...