当前位置:  开发笔记 > 前端 > 正文

CSS:Cascade只有一个级别

如何解决《CSS:Cascade只有一个级别》经验,为你挑选了2个好方法。

假设我有一个定义了css类的

(
)并且我想更改
的第一级''color'属性,这是否可以使用css而不设置类关于相关的

xxxx
yyy

我只希望xxxx改变颜色 - 所以.x td{color:red;}当我只想要xxxx目标时,它将适用于xxxx和yyyy,但宁愿不给xxxx td一个类名



1> Andrew Hare..:

试试这个:

table.x > tr > td { ... }

>是直接子选择器.



2> cdeszaq..:

一种选择是通过将第二级设置为您想要的值来覆盖级联效果,允许您取消顶级效果.

像这样的东西:

table.x tr td { ...}

table.x tr td table tr td { ... }

第一个语句将应用于.x表下的所有td,但是第二个语句将覆盖内部嵌套级别(以及它们下面的任何内容).由于它出现在第一个语句之后,它将覆盖上面语句中设置的任何内容.

这也适用于IE,因为它使用了祖先/后代的基本结构,而不是儿童,这些都没有得到很好的支持.


第二个规则覆盖了第一个规则,因为它排在第二位,但因为它更具体.检查CSS规范以获取有关特异性和级联的更多信息.此外,这些选择器可以分别简化为`table.x td {...}`和`table.x table td {...}`.
推荐阅读
喜生-Da
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有