CSS入门笔记九:CSS的三大特性

CSS有三大特性,分别为层叠性、继承性和优先级。下面我们就来一一了解了解

1.层叠性:即当标签的样式发生冲突时,会采取就近原则,即后面的样式会将前面的样式覆盖。
如:

	div {
    
    
	   color : red;
	   }
	div {
    
    
	color: pink;
	}
  <div>
     <p>我是什么颜色</p>
  </div>
  //此时文字会是粉红色   		

2.继承性:子标签会继承父标签的样式。子标签通常会继承父亲的text、font、line这些元素开头的样式,但是内外边距等不会继承。行高若是没有设置的话会自动继承标签最近一个父标签的行高

3.优先级

在这里插入图片描述
权重注意点
1.由四组数字组成,且不会进位
2.判断时从左到右依次比较
3.继承的权重是0

权重叠加:常常出现在复合选择器中

猜你喜欢

转载自blog.csdn.net/m0_52021758/article/details/113061388
今日推荐