CSS Rel无法在Google Chrome中使用？

Question

我尝试添加一些特定于rel属性的css，并在chrome中演示它。例如：

pre[rel="js"]:before {
   content:"JavaScript";
}

pre[rel="css"]:before {
   content:"CSS";
}

然后当然要添加HTML。在Chrome中，之前都有“JavaScript”，忽略了CSS的其余部分，尽管在Firefox上工作得很好。

The page I did this on

Answer 1

咦。这真的很奇怪。绝对是Chrome的错误。

我可以在Chrome 16.0.912.63

中可靠地重现您的问题

添加

pre[rel] {
  font-size:1em;
}

样式表的

清除了问题，但该子句似乎需要包含至少一个有效样式。

我没有理由想到为什么这应该是预期的行为。

请注意，如果您使用了类而不是无效地使用了rel属性，则不会出现问题。例如使用

<pre class="js code">

和

pre.js:before {
    content:"JavaScript";
    padding-right:434px;
}

等