欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

H5基础选择器

程序员文章站 2022-06-26 16:33:19
七、基础选择器 1) 选择器,怎么选; 2) 属性,样式是什么 7.1 标签选择器 所有的标签,都可以是选择器。比如ul、li、label、dt、dl、input 1...
七、基础选择器

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