CSS选择器

CSS选择器

通配选择器

	* { color: red; }
	匹配所有标签

标签选择器

	div { color: blue; }
	div 匹配 div

类选择器

.res { color: yellow; }
<div class="res">wxx</div>
拥有class属性,且值为res

id选择器

#res { color: yellow; }
<div id="res">wxx</div>
拥有id属性,且值为res

基础选择器优先级

id选择器 > 类选择器 > 标配选择器 > 普通选择器

子(后)选择器

子代:用 > 隔开,只能修改嵌套一级
body > div {
			color: black;
		}
后代:用空格隔开,可以修改嵌套多级

 

posted @ 2018-09-21 17:19  星牧  阅读(58)  评论(0编辑  收藏  举报