H5 基础选择器

七、基础选择器

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选择器选择，共同作用，这就是“层叠式”的第一层含义