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

IvanLi

浏览: 605043 次
性别:
来自: 北京

最近访客更多访客>>

zhaoliuchuan

hnuxgp

hujihong

ayizylusi

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

技术天地

CSS HTML 算法

唉，这个世界有太多的东西等着你去发现，今天看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就是红色的

分享到：

scriptaculous这个大家怎么读？ | 2006-10-15

2006-10-16 15:56
浏览 5047
评论(7)
论坛回复 / 浏览 (7 / 7229)
分类:Web前端
查看更多

7 楼 hax 2007-05-21

一个页面中包含许多css规则（css rule），一个规则表示，如果符合某个选择器（selector）则应用某些样式（style)。

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

选择器的优先级按照一定算法计算，简单的如标识符选择器大于类选择器，具体的可以看CSS规范。

6 楼 sorphi 2007-05-18

http://www.w3.org/TR/CSS21

5 楼过河卒 2007-05-17

那里能找到官方定义的CSS规范？最好能是中文的。如果没有，英文的尚可。偶，想读一下。

4 楼 Realazy 2006-10-16

呵呵，看来楼主需要好好读一下CSS的规范。

CSS = 层叠样式表，后面的class设定，会覆盖前面class相同的设定……

3 楼小贾 2006-10-16

呵呵！和调用的次序没有关系只是和定义的有关系啊！

2 楼 IvanLi 2006-10-16

en，楼上的是正解，我火星了！

1 楼 subkey 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>

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论