样式表的选择顺序

原创 2016年08月30日 09:57:43

1、!important尽可能的少用或者不用,因为会干掉一切,破坏秩序。

2、 细分的规则:

     “元素上的style” > “文件头上的style元素” >“外部样式文件”

      id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式

3、根据权值来判断,权值大小取决于选择器:

(1)  内联样式表的权值最高 1000;

(2)ID 选择器的权值为 100

(3) Class 类选择器的权值为 10

(4) HTML 标签选择器的权值为 1

以后再补充~

相关文章推荐

css样式表中的样式覆盖顺序

有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下   Css代码   #navigator {       height: 100%;      ...

css样式表中的样式覆盖顺序

有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下   Css代码   #navigator {       height...

css样式表和选择器的优先级以及position元素属性值的区别

css样式表和选择器的优先级以及position元素属性值的区别

CSS样式表中属性选择器

本文向大家描述一下CSS样式表中属性选择器四种格式的用法,或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。 CSS样式表...
  • sha_cq
  • sha_cq
  • 2012年10月14日 21:42
  • 378

CSS样式表中属性选择器四种格式

转自:http://developer.51cto.com/art/201009/226158.htm 2010-09-14 14:10 info tzlink.com 字号:T | T...

Qt 之 样式表的使用——样式选择器(上篇)

一、简述时隔上一篇文章已经十多天没有更新博客了,实在惭愧,这些天也都在忙活着各种事情。不过时间还是海绵中的水,挤一挤还是有的。今天继上篇Qt 之 样式表的使用之设置样式的方法 ,来简单谈一谈Qt中样式...

Qt 之 样式表的使用——样式选择器(下篇)

一、简述在上一篇Qt 之 样式表的使用——样式选择器(上篇) 文章中讲述了前四种样式选择器,今天完成剩下的几种选择器的介绍。二、样式选择器样式表的样式规则今天开头先简单讲解一下样式表的样式规则。 ...

CSS样式----图文详解:css样式表和选择器

主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表、内嵌样式表、外部样式表 CSS四种基本选择器:标签选择器、类选择器、ID选择器、通用选择器 CSS三种扩展选择器:组合选择...

CSS样式表~选择器、段落、样式篇

优先级顺序:行内样式表 > 嵌入式样式表 > 外部样式表 > 浏览器默认样式 id选择器优先级 > 类选择器优先级 > 标签选择器优先级 全局选择器 * 反向选择 :not(div){color:...
  • cysear
  • cysear
  • 2015年12月13日 17:44
  • 397

Qt中QSlider的样式表设置

在没有设置的时候,总感觉很难的样子,其实,真正做起来也不是那么难,就把刚刚自己做的发出来共享吧。 先来看一看水平的: 先上效果图: //首先是设置主体 QSlider{ border-color: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:样式表的选择顺序
举报原因:
原因补充:

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