通配选择器:可以匹配到所有的标签。
*{}
标签选择器:可以匹配某一标签下的所有属性。
类选择器:某一类中的所有样式(使用比较多)
一个标签可以属于多个类:
多个类属于一个标签
注意:类名的命名必须以字母开头,可以由字母,文字,下划线组成。
id选择器:具有唯一性,优先级很高。
群组选择器:
多种选择器可以混合使用:
.tag1,li,#aba{color:red;}
后代选择器:
只要是后代就可以,不需要是直接后代。例如:table a{}
子代选择器:只能是两倍,直接的包含关系。例如:ul>li {color:red;}
属性选择器:例如:
img[title]{border:10px solid green;}表示img标签下的有title属性的样式。
img[title][id = "tag01"]{border:10px solid green;}表示img标签下的有title属性,且id为tag01的样式。
兄弟选择器:
.td1+ .td2{
background:red;
}
//注释,使用:.top ul li 指.top下的ul,ul下的li.