`

CSS各种选择符的优先级

    博客分类:
  • css
 
阅读更多

用div的border属性实验,优先级依次是 style属性--》id选择器--》类型选择器---》类选择器。

 

   1、直接定义style属性。style=""
   2、id选择器。   #id{}
   2、类型选择器:直接定义标签的样式。 div{}
   3、类选择器:class指定的。  .className{}

分享到:
评论
1 楼 lwwin 2011-08-19  
原来如此,记下了^-^

相关推荐

    CSS标签选择器优先级.pdf

    当对某个元素的CSS选择符样式定义的越具体,层级越明确,该定义的优先级就越高。例如: CODE: ``` <style type="text/css"> <!-- .class1 .class2 .class3{font-size: 25px;} .class2 .class3{font-size:18px} ...

    IE6下CSS多类选择符优先级不起作用的bug分析及解决方法

    在探讨IE6这个几乎已成为前端开发历史名词的浏览器时,我们不可避免地要提到它所带来的诸多问题,其中之一便是CSS多类选择符优先级不起作用的问题。本知识点将针对这一问题,分析其产生的原因,并提供相应的解决方案...

    css样式应用优先级实用PPT课件.pptx

    CSS 样式应用优先级详解 CSS 样式应用优先级是指在CSS样式规则应用时的顺序和优先级。该优先级规则决定了哪些样式规则将被应用于HTML元素。下面是CSS样式应用优先级的详细解释: 1. 重要声明(!important) 重要...

    CSS 优先级 详细分析

    2. 类选择器(如.someclass)、属性选择符(如[attr=value])和伪类(如:hover):每个赋予10分。 3. 元素选择器(如p)和伪元素(如:first-child):每个赋予1分。 4. 通用选择器(如*)、子选择器(如>)、相邻...

    解决CSS样式冲突的几个办法(小结)

    1. 细化选择符 通过使用组合器(Combinator)将选择器的描述写得更加精确(参考CSS选择器 – MDN ),例如对于下述代码片段,如果想给.cellphones中的.apple增加样式,只使用.apple,势必会对.fruit中的.apple也...

    CSS选择器.pdf

    id选择器用“#”加id名来选中具有特定ID的元素,它具有较高的优先级,但因为ID具有唯一性,所以不便于元素样式的复用。class选择器用“.”加类名来选中所有具有特定类的元素,可以同时选中多个元素并应用样式。 接...

    css样式应用优先级实用PPT学习教案.pptx

    CSS样式应用优先级是网页设计中的关键概念,它决定了哪些样式会最终被浏览器应用到...结合符的使用可以进一步增加选择器的特异性,从而提升优先级。在编写CSS时,合理利用这些规则能帮助我们更好地控制页面的样式表现。

    css 样式加载的优先级使用经验分享

    - **优化CSS选择器**:使用更具体的类或ID来提高样式优先级,减少对`!important`的依赖。 - **使用JavaScript**:在确保DOM加载完成后再用JS设置样式,如示例所示,这种方法可以确保样式生效,但可能影响性能,应...

    CSS优先级规则的细节

    详解CSS优先级的读法,CSS优先级包含四个级别(文内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。  最近看到篇对CSS优先级有比较好的解释的...

    郜振宇php职业培训系列讲座007:css基础语法与选择符详解.rar

    5. **CSS优先级**:理解选择符的权重至关重要,因为它决定了哪些样式会覆盖其他样式。计算方式为:ID选择符100分,类选择符10分,标签选择符1分,内联样式1000分,以及通用选择符、子元素、相邻兄弟和后续兄弟选择符...

    曹鹏CSS视频教程-09.类别选择符 1.rar

    6. 类别选择符的优先级:在CSS中,ID选择符的权重高于类别选择符,类别选择符高于元素选择符,理解这个规则对于解决样式覆盖问题至关重要。 7. 实战示例:通过创建实际的网页布局,展示类别选择符在网页设计中的应用...

    曹鹏CSS视频教程-11.id选择符 1.rar

    4. **优先级**:探讨id选择符相较于其他选择符(如类选择符或元素选择符)的优先级更高,因此它可以覆盖其他样式规则。 5. **实战应用**:通过实例学习如何创建和使用id选择符来控制页面布局、导航菜单、头部、页脚...

    简介CSS中的各种选择符

    本篇文章将深入介绍CSS中的各种选择符及其用法。 1. 类型选择符:类型选择符是基于HTML元素的标签名来选择元素,例如`div`、`p`或`h1`。例如,`div`会选择所有`<div>`元素并应用相应的样式。 2. 类选择符:类选择...

    网页css优先级为您详细解读

    CSS优先级的规则基于几个原则,主要包括特殊性的权重计算和选择器类型的区分。特殊性是一个量度,用以表示某个CSS规则相对于其他规则的优先级权重,用一组数字来表示(通常是三位数,但在CSS 2.1中使用四位数)。...

    同级情况下CSS的优先级探讨

    如果在网页的HEAD标记中同时使用了STYLE标记符(指定嵌入式样式)和LINK标记符(指定链接式样式),并且这两个样式指定中同时应用了具有同一优先级别的样式,则STYLE标记符和LINK标记符的先后顺序将决定样式的优先级...

    30个最常用css选择器解析

    星状选择符(*)是CSS选择器中最简单的一种,作用于所有元素。例如:`* { margin: 0; padding: 0; }`,这将将所有元素的margin和padding设置为0。星状选择符也可以在子选择器中使用,例如`#container * { border: 1...

    CSS优先级算法如何计算?有哪些判定规定及计算方式

    在多个选择符应用于同一个元素上那么Specificity值高的最终获得优先级。 选择符Specificity值列表: 规则: 1. 行内样式优先级Specificity值为1,0,0,0,高于外部定义。 如:<div xss=removed>sj

    前端css选择器练习diner.zip

    在"css-diner"这个练习中,你可以深入理解并掌握各种CSS选择器的用法,从而提升你的前端开发技能。以下是一些关于CSS选择器的重要知识点: 1. **基础选择器**:这些是最简单的选择器,包括标签选择器(如`<p>`)、...

Global site tag (gtag.js) - Google Analytics