CSS常用选择符

CSS常用选择符

1. 标签选择符：标签名称

• 直接以html标签的标签名作为选择符对象
• h1{font-size:20px;}
• 主要用于对网页文档中的基础标签进行统一的标准化设定

2. id选择符：#id名

• 以html标签的唯一标识符id属性的值作为对象

HTML部分	CSS部分
给标签添加id属性	用#号+id值作为选择符对象
<h1 id="newstitle">...</h1>	#newstitle{...}

• html语言中：id属性是html标签的通用属性，但id值的命名是唯一的，不允许重复。
• css语言中：#代表后面的名称是id值，id选择符主要用于针对具有唯一性的html对象。

3. class类选择符：.class名

• 将一组css样式归纳成一个类，作为css应用的对象

HTML部分	CSS部分
给标签添加class属性	用 .号+class名作为 选择符对象
<h1 class="red-text">...</h1>	.red-text{...}

• html语言中：class属性是html标签的通用属性，可以定义多个类，类名之间用空格分隔。
• css语言中：class选择符主要用于需要调用相同css样式的多个html对象。

4. 优先级选择关系：

                                  id选择符 > class选择符 > 标签选择符

5. id和class的命名规则：

• id属性和class属性的值命名都为自定义
• 不允许用数字开头，不允许使用特殊字符
• 命名最好具有语义化，可使用-或者_来连接词组