迅闻网
让更多人看到你

css选择器优先级(css选择器有哪些)

  css选择器优先级

1、类型选择器
CSS中的一种选择器是元素类型的名称。运用这种选择器(称为类型选择器),可以向这种元素类型的每个实例上运用声明。例如,以下简略规矩的选择器是H1,因此规矩作用于文档中一切的H1元素。
2、简略特点选择器
CLASS特点
CLASS特点答应向一组在CLASS特点上具有相同值的元素运用声明。BODY内的一切元素都有CLASS特点。从本质上讲,可以运用CLASS特点来分类元素,在款式表中创建规矩来引证CLASS特点的值,然后浏览器主动将这些特点运用到该组元素。
类选择器以标志符(句点)开头,用于指示后面是哪种类型的选择器。关于类选择器,之所以选择句点是因为在许多编程语言中它与术语”类”相关联。翻译成英语,标志符表明”带有类名的元素”。
ID特点
ID特点的操作类似于CLASS特点,但有一点重要的不同之处:ID特点的值在整篇文档中有必要是唯一的。这使得ID特点可用于设置单个元素的款式规矩。包含ID特点的选择器称为ID选择器。
需要留意的是,ID选择器的标志符是散列符号(#)。标志符用来提醒浏览器接下来呈现的是ID值。
STYLE特点
尽管在选择器中可以运用CLASS和ID特点值,STYLE特点实际上可以代替整个选择器机制。不是只具有一个可以在选择器中引证的值(这正是ID和CLASS具有的值),STYLE特点的值实际上是一个或多个CSS声明。
通常状况下,运用CSS,规划者将把一切的款式规矩置于一个款式表中,该款式表位于文档顶部的STYLE元素内(或在外部进行链接)。可是,运用STYLE特点可以绕过款式表将声明直接放置到文档的开端符号中。
3、组合选择器类型
可以将类型选择器、ID选择器和类选择器组合成不同的选择器类型来构成更杂乱的选择器。通过组合选择器,可以更加精确地处理期望赋予某种表明的元素。例如,要组合类型选择器和类选择器,一个元素有必要满意两个要求:它有必要是正确的类型和正确的类以便使款式规矩可以作用于它。
外部信息:伪类和伪元素
在CSS1中,款式通常是依据在HTML源代码中呈现的符号和特点。关于许多规划情形而言这种做法彻底可行,可是它无法完成规划者期望获得的一些常见的规划作用。
规划伪类和伪元素可以完成其中的一些作用。这两种机制扩大了CSS的体现才能。在CSS1中,运用伪类可以依据一些状况改动文档中链接的款式,如依据链接是否被拜访,何时被拜访以及用户和文档的交互方法来运用改动。借助于伪元素,可以更改元素的榜首个字母和榜首行的款式,或许增加源文档中没有呈现过的元素。
伪类和伪元素都不存在于HTML;也就是说,它们在HTML代码中是不行见的。这两种机制都得到了精心规划以便可以在CSS以后的版本中做进一步地扩大;也就是说完成更多的作用。
层叠款式表(英文全称:CascadingStyleSheets)是一种用来体现HTML(规范通用符号语言的一个运用)或XML(规范通用符号语言的一个子集)等文件款式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS可以对网页中元素方位的排版进行像素级精确控制,支持简直一切的字体字号款式,拥有对网页对象和模型款式修改的才能。

css

css选择器有哪些

1.标签名选择器div{color:Red;}/即页面中的各个标签名的css款式
2.类选择器.divClass{color:Red;}/即界说的每个标签的class中的css款式
3.ID选择器#myDiv{color:Red;}/即页面中的标签的id
4.子孙选择器(类选择器的子孙选择器).divClassspan{color:Red;}/即多个选择器以逗号的格式分隔命名找到精确的标签
5.群组选择器div,span,img{color:Red}/即具有相同款式的标签分组显现
选择器的优先级
1.最高优先级是(直接在标签中的设置款式,假定等级为1000)
2.次优先级是(ID选择器,假定等级为100)#myDiv{color:Red;}
3.其次优先级是(类选择器,假定等级为10).divClass{color:Red;}
4.最终优先级是(标签选择器,假定等级是1)div{color:Red;}
5.那么子孙选择器的优先级就可以计算了啊
比如.divClassspan{color:Red;}优先等级就是:10+1=11

未经允许不得转载:迅闻网 » css选择器优先级(css选择器有哪些)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

迅闻网-让更多人看到你

登录/注册返回首页