如何在不使用css类,ID或javascript的情况下,以不同的方式设置内容的第一段<p>,并兼容IE6？

Question

如何在<p>不使用内联css,css类,ID或javascript的情况下以不同方式设置内容样式的第一段.？与IE 6兼容.

Answer 1

在没有以下情况下,没有办法在IE6中运行:

• 在第一段使用内联样式;
• 给第一段一个在选择器中使用的类; 要么
• 使用Javascript实现上述之一.

IE7 +支持:first-child伪元素:

p:first-child { color: red; }

最好的解决方案是为该段提供一个类,如果需要IE6支持,您可以显式设置该类.或者用Javascript设置元素的样式.使用jQuery简单地说:

$(function() {
  $("p:first").addClass("first");
});

有:

p.first { color: red; }