码迷,mamicode.com
首页 > 其他好文 > 详细

组合选择器

时间:2018-06-30 10:59:06      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:select   sse   arc   选择   src   特定   tor   chap   分享   

高级选择器

技术分享图片

后代选择器

因为HTML元素可以嵌套,所以我们可以从某个元素的后代查找特定元素,并设置样式:

div p {
  color: red;
}

从div的所有后代中找p标签,设置字体颜色为红色。

儿子选择器

div>p {
  color: red;
}

从div的直接子元素中找到p标签,设置字体颜色为红色。

毗邻选择器

div+p {
  color: red;
}

找到所有紧挨在div后面的第一个p标签,设置字体颜色为红色。

弟弟选择器

div~p {
  color: red;
}

找到所有div标签后面同级的p标签,设置字体颜色为红色。

组合选择器

标签:select   sse   arc   选择   src   特定   tor   chap   分享   

原文地址:https://www.cnblogs.com/fmgao-technology/p/9246027.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!