CSS选择器及优先级

目录

css选择器

CSS选择器优先级

---

css选择器

    解释：对一种有标识的内容进行样式变化

1. 标签选择器：    对应的标签文件所有对应的标签都会被选择修饰    选择器名：标签  
2. 类选择器：        标签内的属性:class="值"  选择器名: '.class'  ，顾名思义，是一类的内容使用同一种样式
3. ID选择器：       标签内的属性:id='值' 选择器名:'#id'  id保持唯一性，意思是一个ID不应该重复使用
4. 属性选择器：  [属性] 选择带有制定属性的标签进行修饰   选择器名：[属性]
5. 属性值选择器：   [属性=值] 选择带有指定属性和属性值的标签进行修饰  选择器名：[属性=值]
6. 等等

body {
	background-color: black;
}

font {
	color: white;
	display: inline;
	font-weight: lighter;
	font-size: 24px;
}
.font_1 {
			color: pink;
		}
font {
	color:red;
	display: block;
	font-weight: bolder;
}
#f {
	color: gray;
}
[type=text]{
	width: 200px;
}
p[align] {
	color: white;
}
font:nth-child(even) {
	color: white;
}

上面的代码格式都是正确的，CSS选择器就可以完成分类使用样式。这样就可以批量的处理页面的样式

 

---

 

CSS选择器优先级

在不同种选择器中添加相同的属性就会发生冲突，到底应该听谁的？ 这时候选择器优先级的作用就体现出来了。

选择器的优先级为：

     id选择器 > class选择器 > 标签选择器