【问题标题】:CSS Rule Set not apply correctlyCSS 规则集未正确应用
【发布时间】:2013-02-20 16:44:22
【问题描述】:

好的,这是我正在使用的 css。

input{
border: 2px solid #000;
background-color: #808080;
color: #fff;
}

据我所知,这应该会影响该样式表所链接的页面上的每个输入。

但是,它似乎只改变了字体颜色,没有别的。除非我通过 id 引用表单,否则它会应用整套规则。

它改变字体颜色的事实表明它确实在链接。但是为什么它只会影响字体颜色而不影响其他任何东西,直到我通过 id 来做呢?

没有其他样式表可以覆盖它,也没有嵌入或内联样式。

【问题讨论】:

  • 您所说的一切都表明还有一些其他样式比上述样式具有更大的特异性。你能在 jsfiddle 中重现这个问题吗?
  • “没有其他样式表可以覆盖它”你确定吗?
  • 我非常确定。我没有嵌入式 CSS 或内联 CSS。而且我只有一个样式表,在那个样式表中,这是唯一影响输入的组。事实上,唯一的其他背景颜色就是容器上的那种。

标签: css stylesheet rules


【解决方案1】:

我不是 css 大师,但在我看来,“用户代理样式表”更具体一些,例如 chrome 会使用 input[type="password"], input[type="search"], isindex 之类的选择器作为默认样式。 p>

因此,只需使用通用后代选择器,您就应该能够绕过尝试 body inputform input

编辑

您可以随时打开 firebug 检查输入并查看样式如何应用/覆盖。

【讨论】:

  • 不走运。我已经试过了。再次尝试只是为了确定,但不幸的是没有快乐
  • 你能创建一个小提琴的例子吗?
  • 我以前从未使用过小提琴,但我试了一下。当我将它全部插入时,它显示它工作正常。但是,当我在自己的计算机上进行测试时,情况并非如此。这是链接:jsfiddle.net/MtBHE
  • 您的 css 中是否可能存在语法错误? (如缺少冒号或分号)
  • 我只是逐行检查。我没有看到任何遗漏。
猜你喜欢
  • 2016-09-15
  • 1970-01-01
  • 1970-01-01
  • 2020-07-09
  • 2020-10-10
  • 2014-01-25
  • 2018-10-24
  • 2010-10-22
相关资源
最近更新 更多