七、基础选择器

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

7.1 标签选择器

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

 1       ul{
     2           background-color: yellow;
 3       }

 2） 无论这个标签藏的多深，一定能够被选择上： 1    

• 2
• 3
  • 4
  • 5
    • 6
    • 7
      • 8
      • 9

        我是很深的p

        10
      • 11
      12
    • 13
    14
  • 15
  16
• 17

能够让很深的p变蓝。

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

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

7.2 id选择器

 1    
我是段落1
 2 
我是段落2
 3 
我是段落3
 css： 1  2       #para2{
     3           color:red;
 4       }
 5 

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

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

七、基础选择器

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

7.1 标签选择器

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

 1       ul{
     2           background-color: yellow;
 3       }

 2） 无论这个标签藏的多深，一定能够被选择上： 1    

• 2
• 3
  • 4
  • 5
    • 6
    • 7
      • 8
      • 9

        我是很深的p

        10
      • 11
      12
    • 13
    14
  • 15
  16
• 17

能够让很深的p变蓝。

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

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

7.2 id选择器

 1    
我是段落1
 2 
我是段落2
 3 
我是段落3
 css： 1  2       #para2{
     3           color:red;
 4       }
     5 

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

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

觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！