文档章节

CSS属性优先级和继承

人间四月
 人间四月
发布于 2015/12/01 13:58
字数 196
阅读 9
收藏 0
CSS属性优先级和继承
继承:

外层元素的样式,会被内层元素继承,多个外层元素的样式,最终都会“叠加”到内层元素上。

  • 能被继承的css属性:css文本属性,字体属性

    color、font-size、font-family、font-style、font-weight、text-align、text-decoration、text-indent、letter-spacing、line-height……

  • <body>中的CSS样式,会被所有的子元素继承



优先级:
  • 单个选择器的优先级

    • 行内样式  >  id选择器   >  class选择器  >  标签选择器

  • 多个选择器的优先级

    • 一般情况下指向越精确的优先级越高

    • 特殊情况下需要假设一些值:

      • 标签选择器    :1

      • class选择器    :10

      • id选择器        :100

      • 行内选择器    :1000


© 著作权归作者所有

共有 人打赏支持
人间四月
粉丝 2
博文 74
码字总数 30455
作品 0
朝阳
程序员
私信 提问
2018-05-24 CSS选择器和优先级计算

一、CSS的三大特性? 1.1 继承:子类能够继承父类的某些样式 1.2 优先级:不同选择器定义的样式具有不同的优先级数量 1.3 层叠:当优先级数量相同时,后面定义的样式的覆盖前面定义的样式 二...

瑾瑜爱上猫
05/24
0
0
一个demo学会css

全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 学习了css权威指南这本书,自己喜欢边学边总结边写demo,所以写了这篇文章,包含了大部分的css编程知识。...

luanpeng825485697
2017/08/03
0
0
WEB前端学习CSS面试题汇总,来巩固一下你的知识吧

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰
05/11
0
0
【CSS】样式的优先级

rabbit.jpg 优先级的出现是为了解决CSS样式冲突的问题。 以下两种情况会导致样式冲突: 继承,从多个祖辈那里继承相同的属性。 同一个元素有多个样式(例如为某个段落定义了类样式,又定义了...

KelvinZ
01/16
0
0
Python全栈 Web(CSS样式表、选择器)

CSS层叠样式表: (Cascading Style Sheet) 作用: 装饰和美化页面元素,实现网页的排版布局 CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。 CSS在Web设计领域是一个突破。...

巴黎香榭
09/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Dubbo分析之Cluster层

系列文章 Dubbo分析Serialize层 Dubbo分析之Transport层 Dubbo分析之Exchange 层 Dubbo分析之Protocol层 前言 紧接上文Dubbo分析之Protocol层,本文继续分析dubbo的cluster层,此层封装多个提...

ksfzhaohui
18分钟前
0
0
linux Ubuntu 安装 hyperledger fabric

一、apt-get update 二、安装docker sudo apt-get install docker.io 如果安装报错:E: Unable to locate package,请执行第一条。 # docker -v Docker version 1.6.2, build 7c8fca2 # dock......

八戒八戒八戒
21分钟前
1
0
神经网络基础及Keras入门

神经网络定义 人工神经网络,简称神经网络,在机器学习和认知科学领域,是一种模仿生物神经网络(动物的中枢神经系统,特别是大脑)的结构和功能的数学模型或计算模型,用于对函数进行估计或...

Python女神
21分钟前
1
0
Pycharm上Django的使用 Day9

编辑条目: 1.创建edit_entry的URL模式 形参entry_id存储在URL中传递的ID,这个URL模式将预期匹配的请求发送给视图函数edit_entry() 2.编写视图函数edit_entry() 1处获取用户要修改的条目对象...

不会TC的猫
22分钟前
1
0
夹点getGripPoints/捕捉点getOsnapPoints

已知圆外一点,以及圆心半径,求圆的切点: 方法1: (b-y/a-x)*(n-y/m-x)=-1(a-x)平方+(b-y)平方=r平方联立方程组求解 方法1: CPoint CalcQieDian(CPoint ptCenter, CPoint ptOutside, do...

一个小妞
34分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部