H5基础选择器
程序员文章站
2022-06-26 16:33:19
七、基础选择器
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选择器选择,共同作用,这就是“层叠式”的第一层含义
上一篇: HTML5 canvas画布(六)
下一篇: Html5元素及基本语法
推荐阅读
-
PHP学习记录之面向对象(Object-oriented programming,OOP)基础【类、对象、继承等】
-
Python语言的12个基础知识点小结
-
numpy基础教程之np.linalg
-
PHP学习记录之面向对象(Object-oriented programming,OOP)基础【接口、抽象类、静态方法等】
-
Python基础之简单的用户交互程序
-
基于android背景选择器selector的用法汇总
-
Android selector背景选择器的使用详解
-
java面向对象基础_final详细介绍
-
红帽linux下载教程(Linux基础入门)
-
javascript基础修炼(6)——前端路由的基本原理