暂无 |

包含选择器

这些选择器用于选择属于另一个元素后代的元素。 可以根据需要选择任意深度的级别。

例如,只针对“intro”部分第一段中的元素:

html

<div id="intro">
   <p class="first">这是一行<em> 段落.</em></p>
   <p> 这个是另外一行段落</p>
</div>
<p class="first"> 这是一行段落不在intro里面</p>
<p> 这是第二行段落不在intro里面 </p>

css

#intro .first em {
   color: pink; 
   background-color:gray;
}

结果

这是一行 段落.

这个是另外一行段落

这是一行段落不在intro里面

这是第二行段落不在intro里面

因此,只有选定的元素才会受到影响:

包含选择器匹配指定元素的所有子代元素(包括孙辈...)。

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论