【问题标题】:Catch all the text in one css declaration在一个 CSS 声明中捕获所有文本
【发布时间】:2011-04-20 04:22:22
【问题描述】:

我试图在一个 CSS 声明中捕获我网站的所有元素。这是一个 Drupal 网站,有十亿个 p's、a's、li's、ul's、strong's、各种 div's...

所以,我觉得很简单,我在我的 css 中添加了这个:

 body.i18n-zh-hans {
    color: red;
 }

但出于某种奇怪的原因,该网站并没有动弹。

在 1 个 CSS 声明中捕获所有文本的正确声明是什么?

最坏的情况,我必须自己声明所有内容,不是吗?喜欢:

 body.i18n-zh-hans, #main p strong a li ul {
       color: red; 
 } 

更新

所以,基本上,我只想覆盖所有,在这个例子中,整个网站的字体颜色!

提前致谢

【问题讨论】:

  • body 也有这个课程吗?

标签: html css drupal


【解决方案1】:

您希望声明 !important,因此它会覆盖您 CSS 中其他地方指定的任何“特定”样式。请记住,CSS 具有优先规则,“更具体”的匹配将比“不太具体”的匹配具有更高的优先级。

body.i18n-zh-hans {
    color: red !important;
}

【讨论】:

  • 好的,很好的开始,但不是一直有效。例如我的#main p 仍然不是红色的。 span#NewsTeaserTitle 或我的链接都不是...
  • 也可以是其他 !important 其他地方的声明。这些都遵循相同的优先规则。给定两个或多个 !important 声明,匹配更好的将获胜。
  • CSS 中确实有更多的 !important 声明...但是当它声明为width: auto !important; 时,它仅适用于宽度对吗?不在该特定 css 声明中声明的所有其他内容上?
  • 是的,它仅适用于该声明。这是每行的事情,而不是每块。
  • 好的,但是 !important 技巧没有奏效。不过感谢您的建议!
【解决方案2】:
* {
your style..
}

你必须成为列表中的最后一条规则..
并且可能有一些内联样式,它们会覆盖..
对其进行了一些测试,发现您在其中定义的所有内容都需要!important..

【讨论】:

  • 有道理,但它仍然不适用于我的 #main pspan#NewsTeaserTitle 例如
  • 好的,你的最接近最终解决方案!谢谢!
  • 声明更具体时也会被优先考虑。所以你也可以试试 * * { color: red !important; } 甚至可能是三个星号和四个星号。
【解决方案3】:

给你: 如果 body 是盒子模型中最大的盒子。得到它?你想定位大容器。试试firebug。这是一个很棒的工具。您甚至可以在浏览器上编辑 css 以立即更改网站(虽然不是永久性的)。

body {
     color: red !important;

     }

【讨论】:

  • 是的,想通了,但问题是我必须声明 body.i18n-zh-hansbody.i18n-zh-hans { color: red !important; } 不起作用...
【解决方案4】:

这是唯一的解决方案!

.i18n-zh-hans * {
        font-size: 99% !important;
}

感谢所有参与讨论的人。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-04-10
    • 2020-08-31
    • 2013-04-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多