css选择器

1.派生选择器(有时也叫后代选择器),根据上下文之间的关系进行选择,几种选择器可以结合使用,不同选择器之间用空格隔开,例如对某个id = "top" 内的a标签设置字体颜色样式:#top a{color : red;}

2.id选择器,根据元素的id属性设置样式,在id属性值之前加“#”。

3.类选择器,根据元素的class属性设置样式,在class属性值之前加“.”。

4.属性选择器,选择某个属性,以对拥有该属性的元素设置样式,用方括号将属性名括起来,例如对所有拥有id属性的标签设置字体颜色样式:[id] {color : red;}

5.属性值选择器,选择属性及属性值对相应的元素设置样式,和属性选择器一样,需用方括号将其括起来,例如对所有 class = "icon" 的标签设置字体颜色样式 : [class="icon"] {color : red}。

6.并集选择器,为多个类型的元素设置相同的样式,例如同时为h1,h2、p等设置相同的样式:h1,h2,p{color:red;}

 一个元素可以设置为多类样式调用,每个样式名用空格隔开,例如某个div元素有两个class样式,可以设置为:<div class="top red"><div/>

原文地址:https://www.cnblogs.com/NIFS/p/12374366.html