七、基础选择器

1） 选择器，怎么选； 2） 属性，样式是什么

7.1 标签选择器

所有的标签，都可以是选择器。比如ul、li、label、dt、dl、input

1 ul{ 2 background-color: yellow; 3 } 2） 无论这个标签藏的多深，一定能够被选择上： 1 <ul> 2 <li> 3 <ul> 4 <li> 5 <ul> 6 <li> 7 <ul> 8 <li> 9 <p>我是很深的p</p> 10 </li> 11 </ul> 12 </li> 13 </ul> 14 </li> 15 </ul> 16 </li> 17 </ul> css： 1 p{ 2 color:blue; 3 }

能够让很深的p变蓝。

3） 选择的所有，而不是一个。

标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”的。

7.2 id选择器

1 <p>我是段落1</p> 2 <p id="para2">我是段落2</p> 3 <p>我是段落3</p> css： 1 <style type="text/css"> 2 #para2{ 3 color:red; 4 } 5 </style>

id选择器的选择符是“#”。 任何的HTML标签都可以有id属性。表示这个标签的名字。 这个标签的名字，可以任取，但是： 1） 只能有字母、数字、下划线 2） 必须以字母开头 3） 不能和标签同名。比如id不能叫做body、img、a

一个HTML页面，不能出现相同的id，哪怕他们不是一个类型。比如页面上有一个id为pp的p，一个id为pp的div，是非法的！ 一个标签可以被多个css选择器选择，共同作用，这就是“层叠式”的第一层含义