css的某些特殊属性

转载 2015年11月17日 19:11:08

当我们为同一个元素设置了两个css属性时,这个元素会使用哪一个属性呢?

<p class="style">css特殊性</p>
p{
    color:red;
}
.style{
    color:blue;
}

p和.style都匹配到这个元素上,这个元素会选择哪个呢?浏览器会选择.style。这是根据一个叫做权值的特性来决定的。哪种权值高就使用哪种样式。
权值规则
*标签权值:1
类选择器:10
ID:100*
由此可知:

p{
    color:red;
}权值为1
.style{
    color:blue;
}权值为10

如p span .warning{}的权值为1+1+10=12

问题:当html文件中对于同一个元素可以有多个CSS样式存在,并且这多个CSS样式具有相同的权重值该怎么办?
层叠。在html文件中对于同一个元素可以有多个css样式存在,当有相同权值存在的样式时,会根据css样式的前后顺序来决定。所以出于最后的css样式会被启用。

有时在做网页代码时,有些特殊情况需要为某些样式设置具有最高权值。
!important可以实现

P{
            color:red!important;
    }

最后,一般情况下css样式优先级的排列如下:
内嵌式 > 嵌入式 > 外部css

实用css特殊属性

1. 文本两端对齐 一般情况下文本排版都是左对齐、右对齐、居中对齐,但受制于很多因素,包括标点符号会带走最后一个字、英文单词插在中文中超出一行就会将整个单词换行等影响美观的情况,有些时候需要用到两端对...
  • carriehaohao
  • carriehaohao
  • 2017年12月20日 15:03
  • 33

css绘制特殊形状

1、绘制椭圆形          /*border-radius是一种缩写方法。如果“/”前后的值都存在,           * 那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。   ...
  • acm765152844
  • acm765152844
  • 2016年05月15日 22:07
  • 328

常用的HTML特殊字符大全(css3 content)

之前看到一些网站用户content这个词,觉得很奇怪,原来是css3新增的一个样式,发现还挺好用的,特别是用移动端的页面,兼容性很好,content用法不仅仅简单,而且很利于页面打开!今天就说是css...
  • Inuyasha1121
  • Inuyasha1121
  • 2016年04月20日 09:21
  • 2317

HTML CSS 特殊字符表

HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这...
  • bluestarf
  • bluestarf
  • 2014年10月31日 11:35
  • 33114

Python的特殊属性和用法

用__dict__把dict转换为对象的属性 1 class Messenger: 2 def __init__(self, **kwargs): 3 self.__...
  • qq_30175203
  • qq_30175203
  • 2016年06月18日 09:15
  • 3360

CSS 特殊属性介绍之 pointer-events

首先看一下 MDN 上关于 pointer-events 的介绍: CSS属性 pointer-events 允许作者控制特定的图形元素在何时成为鼠标事件的 target。当未指定该属性时,...
  • hesi9555
  • hesi9555
  • 2017年04月19日 10:44
  • 139

jQuery 选择具有特殊属性的元素

现在有这样一种需求,需要选出所有有背景图片的元素. 这个问题有点棘手.我们无法使用选择表达式来完成这个问题了. 使用jQuery的DOM过滤方法filter(),可以根据函数中表达的任何条件选择元...
  • lcstrive
  • lcstrive
  • 2014年06月14日 09:43
  • 906

python类中的特殊属性and特殊方法and特殊文件

特殊方法: __init__(self,*attr)方法: 重写__init__方法,也就是类的构造器,类在初始化的时候会首先调用__init__这个方法。 __str_...
  • yhb315279058
  • yhb315279058
  • 2015年12月08日 23:34
  • 488

CSS中的clear属性

首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图:              可以看出,即使div1的宽度很小,页面中一行可以容下div1...
  • zhll3377
  • zhll3377
  • 2014年04月14日 08:45
  • 4518

css 参考属性大全

动画属性 属性 描述 CSS @keyframes 定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。 ...
  • wuxiaopeng_1986
  • wuxiaopeng_1986
  • 2016年05月24日 21:41
  • 583
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css的某些特殊属性
举报原因:
原因补充:

(最多只允许输入30个字)