学习CSS记录：选择符优先级

1、标有!important 关键字声明属性。

2、HTML中的CSS样式属性。

3、作者编辑的CSS文件模式属性。

4、用户设置的样式。

5、浏览器默认的样式。

--------------------------

即：

(1) important 最高 (可作用绝对覆盖属性功能，平时不建议使用)

(2) style="color:red" 1000

(3)#mycolor 100

(4).mycolor 10

(5)P 1

注：p.mycolor 10+1 大于 .mycolor 10

--------------------------

即：important > style="color:red" > #mycolor > p.mycolor > .mycolor > P

时间： 2024-09-30 23:28:21

学习CSS记录：选择符优先级的相关文章

HTML/CSS 选择符优先级

CSS的选择符优先级 1.同级样式默认后者覆盖前者 2.样式优先级类型(1) < class[type](10)=伪类(10) < id(100) < style行间样式(1000) < style内部样式 < link外部引入样式选择符的相应值综合相加起来大的优先级高注 : 相应值仅仅是代表他们的等级, 11个类型选择符的优先级仍然小于1个类选择符,以此类推 3.important(IE7及以上) 加了important的样式属性优先级最高. 例 .box{backg

CSS选择符优先级引起的样式失效

选择符优先级带来的样式失效: 由于CSS选择符优先级可能引起某些样式失效,这个问题初学者可能会碰上,但是往往并不容易发现. 代码实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁部落

CSS 组合选择符

CSS 组合选择符组合选择符说明了两个选择器直接的关系. CSS组合选择符包括各种简单选择符的组合方式. 在 CSS3 中包含了四种组合方式: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选取器后代选取器匹配所有值得元素的后代元素. 以下实例选取所有 <p> 元素插入到 <div> 元素中: 实例 div p{background-color:yellow;} 尝试一下 » 子元素选择器与后代选择器

CSS 组合选择符：后代选择器、子元素选择器、相邻兄弟选择器、普通兄弟选择器

CSS 组合选择符 CSS 组合选择符在 CSS3 中包含了四种组合方式:CSS组合选择符包括各种简单选择符的组合方式. 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器后代选择器用于选取某元素的后代元素. 以下实例选取所有 <p> 元素插入到 <div> 元素中: 实例 divp{background-color:yellow; } 子元素选择器与后代选择器相比,子元素选择器(Child sel

一天一点css 2 选择符语法

css用于控制元素样式,css语法为选择符{属性:值}方式进行设置 1 类型选择符就是将标签作为选择符,如body div h1 span等 2 群组选择符如 h1,h2h3{padding:5px;}中间使用,分隔符,由多个选择符组成,表示这一组选择符均采用一致样式 3 包含选择符包含主要用于父级内部字集节点的设置,就像xpath路径一样,语法为选择符之间使用空格作为分隔符如 h1 span{font-weight:bold} 意思是h1内部所有span节点使用字体加粗样式 4 i

CSS之选择符、链接、盒子模型、显示隐藏元素

<html> <head> <meta charset="utf-8"> <title>选择符.链接.盒子模型.显示隐藏元素</title> <style> a:link{ color:red; } a:visited{ color:black; } a:hover{ color:blue; } a:active{ color:green; } </style> </head> <bo

CSS 的选择符

CSS是什么? 如果说元素是标记代码的构建块料,那么CSS就是约束这些构建块料样式的规则. CSS规则的组成 CSS的规则由选择符和属性,值组成. Css选择符:选择符是规则中用于确定样式所涵盖的可应用到的目标元素的部分. 样式声明又包含两个部分:属性和值. 属性是元素中需要被修改的某个属性,如,颜色,宽度等等. 选择符的种类: 1.全体选择符,全体选择符是一个星号(*),意思是选择文档中的每一个元素,例如: * {color: blue;}意思是把所有元素都应用为蓝色. 2.元素选择符:选

CSS高级选择符

2016-11-07 <css入门经典>第八章 1.属性选择器选择器描述 [attribute] 用于选取带有指定属性的元素. [attribute=value] 用于选取带有指定属性和值的元素. [attribute~=value] 用于选取属性值中包含指定词汇的元素. [attribute|=value] 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词. [attribute^=value] 匹配属性值以指定值开头的每个元素. [attribute$=value] 匹配属性

选择符优先级-----:link伪类

问题:请指出以下结构中,A标签内的字体颜色. <style> a{ color:#ccc}/* 灰色 */ .alink a{color:#F60}/* 橙色 */ h1 a{color:#F00}/* 红色 */ a:link{color:#009}/* 蓝色 */ div h1 a{ color:#000}/* 黑色*/ </style> <div id="contact"> <h1 class="alink">

CSS属性选择符

属性选择符: E[att] 选择具有att属性的E元素. <style type="text/css"> a[class]{ background-color: red;} </style> <body> <a href="" class="a">链接a</a> <a href="" id="b">链接b</a> </