Как по-разному стилизовать первый абзац <p>содержимого без использования класса css, ID или javascript, с совместимостью с IE6?

Question

Как по-разному стилизовать первый абзац <p> стиля содержимого без использования встроенного CSS, класса CSS, идентификатора или 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; }

Answer 2

: первый-ребенок

Не будет работать в IE.

Answer 3

Вы можете использовать тег <font>. Он не соответствует стандартам, но большинство браузеров его поддерживают, и он вообще не использует CSS.

<p><font size="+1" color="red">Paragraph 1</font></p>

<p>Paragraph 2</p>

Answer 4

Используйте селектор :first-child в CSS.

div:first-child {
  background: #C00;
  color: #FFF;
}

Примечание: для: first-child, чтобы работать в IE, необходимо объявить <!DOCTYPE>.

Ссылка: http://www.w3schools.com/css/pr_pseudo_first-child.asp

Answer 5

Из вашего вопроса кажется, что вы можете использовать разные теги (поскольку вы исключили все остальное). Вы можете написать целый абзац в h6 или что-то в этом роде.

Ваш ответ Коби кажется мне грубым и бесполезным. Вы говорите людям только то, что вы не хотите, но, возможно, если бы вы сказали нам, чего вы хотите, вы получите лучшие ответы. Единственное, что я вижу, это то, что вы действительно хотите, чтобы решение было совместимо с IE6. Я не понимаю, как это исключает все другие варианты, которые вы решили, что не работают для вас.

Answer 6

Использование first-child с IE6, которое может решить вашу проблему, уже дано здесь:

Есть ли исправление для дочернего селектора в IE6