首页 > 程序开发 > web前端 > HTML 5 >

H5基础选择器

2017-05-11

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的div,是非法的!
一个标签可以被多个css选择器选择,共同作用,这就是“层叠式”的第一层含义

相关文章
最新文章
热点推荐