可以在外部 css 中声明元素选择器吗？答案

【问题标题】：Can element selector be declared in external css?可以在外部 css 中声明元素选择器吗？
【发布时间】：2015-07-03 06:24:19
【问题描述】：

在外部样式表中声明了以下选择器

p:first-letter
{
  color: red;
}

但它不会使<p> 元素中的第一个字母变成红色。在内部 css 中声明时，它确实有效。

【问题讨论】：

您确定外部样式表加载正确？
其他 css 规则在外部文件中是否正常工作？也许其他东西会覆盖规则？试试p:first-letter{color:red !important;} 看看是否会发生这种情况。也可以使用 firebug，或在jsfiddle.net 或jsbin.com 进行现场演示

标签： css css-selectors

【解决方案1】：

可以。

你写的应该可以正常工作；您确定您正确链接到外部样式表吗？

【讨论】：

【解决方案2】：

这在 Firefox 3.6.x 中对我来说非常有效：

external-selector.htm

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="external-selector.css" type="text/css">
        <style type="text/css">
            p { color: blue; }
        </style>
    </head>
    <body>
        <p>Paragraph!</p>
    </body>
</html>

external-selector.css

p:first-letter {
    color: red;
}

输出

【讨论】：

我使用了 html 4.01 doctype 会不会是问题所在？

【解决方案3】：

我也遇到了这个问题，在使用 Firefox 一个多小时后，我发现是 InvisibleHand 插件对我造成了这个问题。当我禁用它时，问题就消失了。

我已经通过电子邮件发送了他们的信息电子邮件地址，要求他们修复错误。

【讨论】：

【解决方案4】：

似乎任何其他 CSS 都存在冲突。

试试看是否可行

p:first-letter
{
 color: red !important; 
}

【讨论】：

【解决方案5】：

我遇到了与此处描述的相同的问题。我知道正在应用外部样式表，因为我可以看到正在应用其他样式。在阅读了 Heptite 的回答后，我决定尝试更新 Firefox。这解决了问题。

所以，也许这是在最新的 Firefox (v39.0) 中修复的错误

【讨论】：