1、元素选择器
2、分组 p,ul{} p和ul都
3、类选择器 class =“mystyle”
4、id选择器
5、属性选择器:属性选择器可以根据元素的属性及属性值来选择元素
(1)只要是包含某属性:*[title]{ color:red; } <div titlt="big"></div> <div title="small"></div>
(2)与上面类似,可以只对有 href 属性的锚(a 元素)应用样式: a[href]{}
(3)多个属性一起:a[href][title] {color:red;}
(4)具体某个属性值添加样式:a[href="http://www.w3school.com.cn/about_us.asp"] {color: red;}
(5)具体多个属性值添加样式 :a[href="http://www.w3school.com.cn/"][title="W3School"] {color: red;}
(6)class中有多个样式,完全匹配:p[class="important warning"] {color: red;}
(7)class中有多个样式,完全匹配:p[class~="important"] {color: red;}
(8)[abc^="def"] 开头
(9)[abc¥="def"]结尾
(10)[abc*="def"] 包含
网友评论