css选择器是区分大小写的,因为要准确的匹配元素名称和属性值。
下面我们来讲一下css选择器:
一,通用选择器
1.*{ }
2.应用于文档的所有元素。
二,类型选择器
1.比如: h1{ }
2.匹配元素的名称元选择器相同的元素(也称元素选择器)。
三,类选择器
1.比如: .text{ }
2.匹配class属性的值为.text的元素。
3.或者也可以这样: p.text{ }
4.匹配class属性的值为.text的p元素。
四,ID选择器
1.如: #text{ }
2.匹配ID为text的元素。
五,子选择器
1.如: li>a { }
2.匹配<li>元素下的直接子元素<a>
3.注意,其他的<a>元素不起作用。
六,后代选择器
1.如: p a { }
2.匹配所有位于<p>元素下的<a>元素。
七,相邻兄弟选择器
1.如: h1+p { }
2.匹配<h1>元素下的第一个<p>元素(对其他的<p>元素不起作用)
3.
八,普通兄弟选择器
1.如: h1~p { }
2.匹配<h1>下的兄弟元素<p>。
OK,css选择器的种类已经讲完。
网友评论