1

这听起来像是一个抽象的问题，但我正在尝试对我正在从事的这个项目进行故障排除，但我不知所措。

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

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

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

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

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

编辑

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

4

2 回答 2

1

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

您可能希望此选择器选择 的第一个<p>元素#history，但这是错误的。选择: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

小提琴： http: //jsfiddle.net/Zsj2T/1/
PS。快速参考MDN：伪类

于 2011-11-08T17:47:29.333 回答
-1

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

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

于 2011-11-08T09:46:02.253 回答