css基础知识汇总（1）基础选择器

最新推荐文章于 2022-12-21 09:29:31 发布

极盗者

最新推荐文章于 2022-12-21 09:29:31 发布

阅读量102

点赞数

分类专栏： css 文章标签： css

原文链接：https://github.com/LiHongyao/CSS

版权

1 篇文章 0 订阅

订阅专栏

css基础知识汇总（1）

参考链接：https://github.com/LiHongyao/CSS

标签选择器指哪些标签需要采用什么类型的样式

div  { width:  300px; height: 300px; background-color: red; }

类选择器根据类名指定样式

.box  { width:  300px; height: 300px; background-color: red; }

id选择器根据id指定样式

#box { width:  300px; height: 300px; background-color: red; }

通用选择器指定所有元素的样式

* { magrin: 0; padding: 0;}

后代选择器通过空格进行分割

.container article { text-align: center; }

子类选择器只会指定亲儿子

header > img { width:  80px; height: 30px; }

群组选择器通过逗号分割,将多个元素指定为相同样式

a, div, span, p { font-size: 20px; }

"+"选择该选择器相邻的下一个同级选择器
"~"选择该选择器以后的所有同级选择器

.t1>.box:hover + p {
	/*左边距*/
	margin-left: 200px;
}

.t2>.box:hover ~ p {
	/*左边距*/
	margin-left: 200px;
}

根据属性和属性值来进行选择

优先级

关注