论坛首页 AJAX版 CSS

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

浏览 3465 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
时间:2006-10-16 关键字: html 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规范。
   
0 请登录后投票
论坛首页 AJAX版 CSS

跳转论坛:
JavaEye推荐