H5基础选择器
程序员文章站
2022-03-12 20:31:32
七、基础选择器
1) 选择器,怎么选;
2) 属性,样式是什么
7.1 标签选择器
所有的标签,都可以是选择器。比如ul、li、label、dt、dl、input
1...
七、基础选择器
1) 选择器,怎么选;
2) 属性,样式是什么
所有的标签,都可以是选择器。比如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选择器选择,共同作用,这就是“层叠式”的第一层含义