关于css选择器优先级
1、无条件优先的属性只需要在属性后面使用 !important 。它会覆盖页面内任何位置定义的元素样式。当然,IE 6不支持这个属性,于是它也成为一种hack被很多人所熟知,真正使命被人淡忘。2、第二高位的优先属性是在html中给元素标签加style。由于该方法会造成CSS的难以管理,所以不推荐使用。3、第三级优先的属性是由一个或多个id选择器来定义的。例如 #id{margin:0;} 会覆盖 .classname{margin:3px;}。4、第四级的属性由一个或多个 类选择器、属性选择器、伪类选择器定义。如 .classname{margin:3px;} 会覆盖 div{margin:6px;}5、第五级由一个或多个 类型选择器定义。如 div{margin:6px;} 覆盖 *{margin:10px;} 。最低一级的选择器是为一个通配选择器,用*{margin:10px;}这样的类型来定义。另外,可以用一句极为简单的话来描述CSS优先级问题:当一个CSS选择器拥有更多的高级别属性时,它的优先级就会比较高。如 #i100*.c20 *.c10{} 的优先级就会高于 #i100 *.c10 div p span em{},这是由于前者拥有一个第三级和两个第四级的选择器而后者第三级和第四级的选择器各为一个,当然前者优先级会比较高。如果想学习和交流更多html 前端开发的技术 你可以来我们这个群:先写下这三个数字:432,然后在写下中间这三个数字:664,最后写下的三个数字是:883,按照这个顺序连起来,群就会出现。还有更多的技术资料,学习课程。CSS选择器是一个非常灵活的CSS属性,优雅的使用它会使你的页面代码不再臃肿,而且还可以作为hack的妙用方法之一。当比较多个相同级别的CSS选择器优先级时,它们定义的位置将决定一切。下面从位置上将CSS优先级由高到低分为六级:1、位于<head/>标签里的<style/>中所定义的CSS拥有最高级的优先权。2、第二级的优先属性由位于 <style/>标签中的 @import 引入样式表所定义。3、第三级的优先属性由<link/>标签所引入的样式表定义。4、第四级的优先属性由<link/>标签所引入的样式表内的 @import 导入样式表定义。5、第五级优先的样式有用户设定。最低级的优先权由浏览器默认。
转载于:https://my.oschina.net/u/3307550/blog/852730
关于css选择器优先级相关推荐
- CSS 选择器优先级与效率优化
CSS选择器优先级与效率优化 Date: 7th of Aug, 2015 Author: HaoyCn 本文收集网上各处关于CSS选择器的文章总结,并自己归纳一篇. 各类选择器的优先级 import ...
- 谁动了我的选择器?深入理解CSS选择器优先级
深入理解CSS选择器优先级
- css选择器优先级和photoshop快捷键以及100度享乐网框架
css选择器优先级 CSS选择器的优先级:作用的元素一样,样式一样,就会有优先级问题,当优先级相同时,一旦发生重叠,以样式后面为主 CSS选择器:统配选择器,类选择器,标签选择器,id选择器,后代选择 ...
- html5选择器优先级,css选择器优先级怎么比较
css选择器优先级怎么比较 CSS选择器中比较常见的有标签选择器.ID选择器.类选择器以及子选择器.而事实上,CSS选择器如果细分下来,竟然多达40多种.那他们的优先级该怎么比较呢,下面就来看看吧. ...
- css选择器优先级深入理解
css基础选择器有标签选择器.类选择器.id选择器.通用选择器,本文将深入介绍css选择器优先级,这会给正在解决优先级问题的朋友,带来些许帮助 一.基础选择器 css基础选择器有标签选择器.类选择器 ...
- css选择器优先级顺序是什么?css基本选择器优先级的介绍
css的选择器有很多种,那么,自然而然的就会有优先级这一概念出现,所以,css选择器优先级顺序是怎样的呢?本篇文章将来给大家介绍css选择器优先级的排序,话不多说,我们来直接看正文内容. 打造全网we ...
- css选择器优先级问题
css选择器优先级问题(选择器的权重图) A.为啥有此问题的产生? a.众所周知,css对于同一属性先进行优先级别的判断,若比之前渲染的优先级别高,那么就会渲染成这个优先级别较高的. b.对于单一的选 ...
- css选择器优先级及,CSS选择器优先级(转)
1. 引言 上一节<css知多少(5)--选择器>最后提到,选择器类型过多将导致一些问题,是什么问题呢?咱们直接举例子说明. 上图中,css中的两个选择器都是针对的,而且两个设置的颜色不一 ...
- CSS选择器优先级详解
1. 优先级分级 按照优先级从高到低排列: 1. ! important .foo{color:red !important } !important是顶级优先级,唯一推荐使用它的场景为忽略JS脚本设 ...
- html5css选择器优先级,CSS选择器优先级[重要]
CSS选择器优先级 浏览器是通过判断CSS优先级,来决定到底哪些属性值是与元素最为相关的,从而作用到该元素上.CSS选择器的合理组成规则决定了优先级,我们也常常用选择器优先级来合理控制元素达到我们理想 ...
最新文章
- EntityFramework SaveChange()方法不能更新的问题
- dTree 动态生成树(http://luohua.iteye.com/blog/451453)
- solaris UFS文件系统 要点
- jQueryt过滤选择器
- Linux 下的格式化输出命令:print
- java web 手机验证_javaWeb发送手机短信验证码(云通讯)
- 数据挖掘 点击更多 界面_8(更多)技巧,可快速改善用户界面
- spring mvc拆分_Spring集成–强大的拆分器聚合器
- eclipse debug(程序调试)单步执行 简述
- java面向对象编程的三大基本特性--封装,继承,多态
- Vue.js学习系列(九)---使用路由搭建单页应用(二)
- web项目下的WEB-INF、WebRoot
- 有关git commit --amend的用法及若干个问题
- 借助Hugo和Academic主题在github.io建立个人网站
- 东昂科技冲刺深交所:年营收2.6亿 庄俊辉控制69%股权
- 前端项目搭建部署全流程(一):搭建React项目
- 微信开发 新浪SAE开发平台 验证Token 一直失败
- TestDirector教程笔记
- 解决笔记本播放声音时突然有杂音
- 通过模糊测试寻找车载蓝牙的安全漏洞
热门文章
- NVARCHAR(MAX) 的最大长度
- 电子书是怎样炼成的?
- 高新企业成长性指标有哪些计算公式?
- python实现搜狗微信公众号数据爬取
- svm算法 matlab,SVM算法matlab程序
- oracle 无效列索引
- impdp导入指定表 oracle_Oracle简单常用的数据泵导出导入(expdp/impdp)命令举例
- 那些比真还要假,比假还要真的事情
- 闪电标志 php,PHP闪电入门(8)数据类型转换
- android 阿里 插件,堪比阿里插件的Android Studio插件集合(IDE通用)(上)