论坛首页 Web前端技术论坛

html中的css class是从右向左匹配的

浏览 7228 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2006-10-16  
CSS
唉,这个世界有太多的东西等着你去发现,今天看dhtmlGrid的源码时才发现这个,也许是我火星了!
<html>
  <head>
    <style>
      .c1{background-color:red}
      .c2{background-color:yellow}
    </style>
  </head>
  <body>
    <div class="c1 c2">
      testCSS
    <div>
  </body>
</html>

div是黄色的,
如果代码是这样的
<html>
  <head>
    <style>
      .c1{background-color:red}
      .c3{background-color:yellow}
    </style>
  </head>
  <body>
    <div class="c1 c2">
      testCSS
    <div>
  </body>
</html>
 
那么div就是红色的
   发表时间:2006-10-16  
不清楚楼主的从右向左匹配的意思,应该是后定义的会覆盖掉先定义的
比如下面3个div都是 blue
<html>
  <head>
    <style>
      .c1{background-color:yellow}
      .c2{background-color:red}
      .c3{background-color:blue}
    </style>
  </head>
  <body>
    <div class="c1 c2 c3">
      testCSS1
    <div>
    <br>
    <div class="c1 c3 c2">
      testCSS2
    <div>
    <br>
    <div class="c3 c2 c1">
      testCSS3
    <div>
  </body>
</html>
0 请登录后投票
   发表时间:2006-10-16  
en,楼上的是正解,我火星了!
0 请登录后投票
   发表时间:2006-10-16  
呵呵!和调用的次序没有关系只是和定义的有关系啊!
0 请登录后投票
   发表时间:2006-10-16  
呵呵,看来楼主需要好好读一下CSS的规范。

CSS = 层叠样式表,后面的class设定,会覆盖前面class相同的设定……
0 请登录后投票
   发表时间:2007-05-17  
那里能找到官方定义的CSS规范?最好能是中文的。如果没有,英文的尚可。偶,想读一下。
0 请登录后投票
   发表时间:2007-05-18  
http://www.w3.org/TR/CSS21
0 请登录后投票
   发表时间:2007-05-21  
一个页面中包含许多css规则(css rule),一个规则表示,如果符合某个选择器(selector)则应用某些样式(style)。

当一个元素符合多个选择器时,会叠加效果,针对同一个样式(如颜色),则使用优先级高的选择器所定义的样式,如果优先级一样,则使用在样式表中按解析顺序,后出现的那个。

选择器的优先级按照一定算法计算,简单的如标识符选择器大于类选择器,具体的可以看CSS规范。
1 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics