CSS 基础选择器

标签选择器

div {
     color: red;
}
复制代码

• 优点:能快速为页面中同类型的标签统一设置样式
• 缺点:不能设计差异化样式，只能选择全部的当前标签

类选择器

.hobby {
    	color: red;
}
复制代码

多类名开发中使用场景

• 可以把一些标签元素相同的样式放到一个类里面
• 这些标签都可以调用这个公共的类，然后再调用自己独有的类
• 各个类名中间用空格隔开
• 多类名选择器在后期布局比较复杂的情况下，还是比较多使用的

id选择器

id选择器以”#”来定义的

#pink {
	color: pnik;
}
复制代码

• id选择器和类选择器最大的不同在于使用次数上
• 类选择器在修改样式中用的最多，id选择器一般用于页面唯一性的元素上，经常和javascript搭配使用
• id选择器只能调用一次，别人切勿使用

通配符选择器

* {
	属性1:属性值1;
}
复制代码

• 通配符选择器不需要提调用，自动就给所有的元素使用样式
• 特殊情况才使用

* {
	margin: 0;
	padding: 0;
}
复制代码