html5教程-H5基础选择器

发布时间:2018-12-10 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5教程-H5基础选择器脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

七、基础选择器

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
css: 1 p{ 2 color:blue; 3 }

能够让很深的p变蓝。

3) 选择的所有,而不是一个。

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

7.2 id选择器

 1    

我是段落1

2

我是段落2

3

我是段落3

css: 1

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
css: 1 p{ 2 color:blue; 3 }

能够让很深的p变蓝。

3) 选择的所有,而不是一个。

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

7.2 id选择器

 1    

我是段落1

2

我是段落2

3

我是段落3

css: 1

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

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

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

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-H5基础选择器全部内容,希望文章能够帮你解决html5教程-H5基础选择器所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:CSSHTML