03-CSS基本样式和元素选择器

最新推荐文章于 2024-09-14 08:09:14 发布

ZH_RAN

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量140

点赞数

文章标签： css

本文链接：https://blog.csdn.net/ZH_RAN/article/details/104301070

版权

CSS基本样式和元素选择器

复合型选择器

前三个常用

1.交集选择器（连着写）

 1.交集选择器
.son {
			color: blue;
		}
		/* h1标签中有一个类名叫son */
		h1.son {
			color: yellow;
		}
		/* h1标签中有一个id名叫red */
		h1#red {
			color: red;
		}
		/* 类名为son的标签中，有一个id名为red */
		.son#red {
			color: purple;
		}

2.并集选择器(逗号)

.green {

color: green;

}

3.后代选择器(空格)：包含父与子，祖先与后辈

.box ul li {

color: orange;

4.子代选择器（大于号）：父与子

.box>ul {

color: pink;

}

5.相邻元素选择器

.main>ul+div {

color: aqua;

}

6.兄弟元素选择器

.main>ul~div {

background-color: yellow;

}

浏览器的执行顺序：从上到下来解析

.two {

color: lightgreen;

}

.one {

color: mediumpurple;

}

css的三大特性

1.继承性，子承父业

2.层叠性，即覆盖性：就近原则

3.优先级：①标签选择器的权重：1分；

②类选择器的权重：10分；

③id选择器的权重：100分；

④行内样式的权重：大于100分，小于无穷大；

⑤提高选择器的权重：!important，权重无穷大∞；继承的权重为0。