是否存在伪类不起作用的情况？答案

【问题标题】：Are there any scenarios where pseudo classes wouldn't work?是否存在伪类不起作用的情况？
【发布时间】：2011-11-09 22:29:33
【问题描述】：

这听起来像是一个抽象的问题，但我正在尝试解决我正在从事的这个项目，但我不知所措。

我不得不接手一个项目，因为第一个开发人员被解雇了，所以我犯了一个新手错误，没有从第一天开始重新开始。我已经修复了数百个错误，并且几乎重做所有事情。从非语义代码、内嵌布局元素、不必要的切片文本图像到必须将所有内容从 CSS2 转换为 CSS3。

我之所以这么说，是因为这里要包含的代码太多了，我希望也许我描述我的情况会挖掘其他人的糟糕经历来给我建议。

问题：我有一页没有任何效果。我从外部样式表中删除了适当的 CSS，并在内部样式表中重写了它。我遇到的两个最大问题是伪元素和伪类不起作用。我挣扎了一会儿，试图弄清楚它是否是我正在使用的东西，但后来我尝试了不同的伪类，比如 p:first-child {color:red} 什么都没有。

我也遇到了页面上的图片替换问题。我通常的文本缩进不起作用，文本只是留在页面上。

我不确定还有哪些相关信息，因此如果您需要查看任何内容或提出任何问题，请尽管提出。我提前感谢你让像我这样的菜鸟免于拔头发:)

编辑

这是一个带有页面代码的链接：http://jsfiddle.net/syren/Zsj2T/ 网站上的所有其他内容都有效，所以我必须假设它与页面上的代码有关。

【问题讨论】：

【解决方案1】：

我看到你正在使用#history p:first-child。

您可能希望此选择器选择#history 的第一个<p> 元素，但这是错误的。 :first-child 选择器只选择 第一个子元素。

要选择第一个<p>元素，您必须使用#history p:first-of-type。

您的代码结构，在树形视图中：

div#history    
    h2        :first-child 
    a.share   :nth-child(2)
    p         :nth-child(3)  p:first-of-type

【讨论】：

【解决方案2】：

阅读此article 检查每个伪元素与浏览器的兼容性。

提示：不要使用颜色名称（RED），而是使用颜色十六进制值（#F00），因为根据 w3c，颜色名称已被弃用

【讨论】：