CSS-5-常见基础选择器

1.选择器的作用
选择器的作用: 让样式可以作用到目标元素身上

2.标签选择器
标签选择器: 根据标签名找到目标元素
标签名 {
属性名: 属性值;
…
…
}
例子:

	div {
		color: red;
	}
	<div>哈哈</div>

3.类选择器
初学者常见的错误就是漏了小点点
类选择器,谁使用,谁改变
类名可以有多个------多个类名之间用空格隔开
类名可以重名
.类名 {
属性名: 属性值;
…
…
}
例子:

	.red {
		color: red;
	}
	<p class='类名'></p>
	<div class="red">哈哈</div>

4.id选择器
id是标签的唯一标识
标签只能拥有一个id
而且不能重名
#id名 {
属性名: 属性值;
…
…
}

例子:

	#red {
		color: red;
	}
	<div id="red">红色</div>

5.通配符选择器
可以一次性控制页面上所有的标签
性能浪费
工作中绝对不能用
* {
属性名: 属性值;
}
例子:

	* {
		color: red;
	}