首页 > > 网页制作 > css >

css的高级选择器,后代选择器,子代选择器,并集选…

2018-10-19 06:13:19来源：博客园阅读 ()

高级选择器:

一、后代选择器:

　　使用空格表示后代选择器,父元素的后代(包括儿子,孙子,从孙子)

　　也就是说,box类下的所有span标签字体颜色都被设置为了红色

.box  span{

  color:red;  

}

二、子代选择器:

　　使用>表示子代选择器. 之选中box类下第一层的span标签设置为红色

.box>span{
    color:red;
}

三、并集选择器:

　　多个选择器之间用逗号隔开,表示选中页面中的多个标签, 一些共性的元素可以使用并集选择器

　　所有的div和a中的字体同时被设置成了红色,

div,a{
  color:red;  
}

四、交集选择器:

　　使用交集选择器,第一项必须是标签选择器,第二项必须是类选择器比如:

　　在所有div中选中类名为active的div并设置背景颜色为红色.

div.active{
     background-color:red;      
}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

热门词条

最新资讯

热门关注

热门标签