【问题标题】:How do you cancel/disable a CSS selector?如何取消/禁用 CSS 选择器?
【发布时间】:2012-11-18 13:33:20
【问题描述】:

我正在开发一个woothemes.com Wordpress 模板(特别是“简单”主题),并且我正在尝试遵循他们为操作 CSS 制定的规则,逐字逐句是:

警告!请勿编辑此文件!

为了便于更新您的主题,您不应编辑样式 在这个文件中。而是使用 custom.css 文件来添加您的样式。你 可以从此文件中复制样式并将其粘贴到 custom.css 中 将覆盖此文件中的样式。你被警告了! :)

我认为很明显。所以通过遵循规则,我如何有效地取消整个 CSS 选择器(我想我可以手动将每个选择器元素设置为 0,但是有没有更优雅的方法呢?):

.entry img, img.thumbnail { margin-bottom: 10px; padding: 2px; border: 1px solid #ddd; background:#fff;  

    /* Box Shadow */
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

在伪代码中我会写:

.entry img, img.thumbnail { 

       clear-all-styles;

}

但显然这行不通:)

【问题讨论】:

  • 我认为您必须手动将所有样式设置为0,没有(至少据我所知)可以删除您想要的所有样式。
  • Cancel some CSS Style的可能重复

标签: css


【解决方案1】:

在 css 中没有禁用样式的方法,您必须像在第一个示例中那样手动执行此操作。

事实上,这与 css 大师 Eric Meyer 在他著名的reset.css 文件中重置样式的方式相同。

【讨论】:

  • 嗯,考虑到我以前见过的所有重置文件,这是一个很好的观点。只是说'RESET'会很容易,但显然这是不可能的。感谢您向我介绍 Eric Meyer!
  • 在 CSS 中没有 RESET,正如你所说的,因为如果浏览器确实遵循 CSS 规范,那么一开始就不需要它。我的意思是,在 CSS 规范中,每个属性都有默认值,如果所有浏览器都实现了规范中发布的这些默认值,那么就不需要 reset.css 文件。
猜你喜欢
  • 2021-10-29
  • 2016-10-04
  • 1970-01-01
  • 2018-02-07
  • 1970-01-01
  • 2016-01-11
  • 2016-11-06
  • 2013-12-02
  • 1970-01-01
相关资源
最近更新 更多