Не Могу Указать Стиль Для Простой Html Структуры

_duke_ · September 12, 2010

Здравствуйте.

Честно говоря я в ступоре)

html:

<body>
<p>
	<h3>
                3 15 10 2
        </h3>
</p>
</body>

css:

body p h3 {color:#FF0;} /* не работает */
	body > h3 {color:#0F0;} /* работает */

как так? видимо я не знаю какгото великого секрета.

swetlana · September 12, 2010

ну может великий секрет заключается в том, что элемент h3 ну никак не должен располагаться внутри <p>

<p> тут вообще ни к чему.

_duke_ · September 12, 2010

почему заголовки не могут быть внутри параграфа?

npofopr · September 12, 2010

валидатор вам ответит на этот вопрос.

rash · September 12, 2010

почему заголовки не могут быть внутри параграфа?

Как минимум потому что заголовок - блочный элемент, а абзац (в русском языке параграф — это другое) не может содержать блочных элементов.

Ну и вообще это бессмысленно, если даже не обращаться к валидатору.

SelenIT · September 13, 2010

Потому что парсеры браузеров автоматически закрывают элемент P при обнаружении открывающего тега блочного элемента. Поэтому-то закрывающий </p> является опциональным.

Смотрите не в исходную разметку, а в отпарсенную DOM-структуру (в Firebug-е и аналогах), многие загадки прояснятся...

swetlana · September 13, 2010

http://dev.w3.org/html5/spec/Overview.html#the-p-element

Content model:
Phrasing content.

проходим по ссылке: http://dev.w3.org/html5/spec/Overview.html#phrasing-content и читаем:

Phrasing content is the text of the document, as well as elements that mark up that text at the intra-paragraph level. Runs of phrasing content form paragraphs.
a (if it contains only phrasing content) abbr area (if it is a descendant of a map element) audio b bdo br button canvas cite code command datalist del (if it contains only phrasing content) dfn em embed i iframe img input ins (if it contains only phrasing content) kbd keygen label map (if it contains only phrasing content) mark math meter noscript object output progress q ruby samp script select small span strong sub sup svg textarea time var video wbr text

ну на всякий случай, для совсем уж неверующих, можно и сюда сходить: http://dev.w3.org/html5/spec/Overview.html...and-h6-elements

Contexts in which this element can be used:
As a child of an hgroup element.
Where flow content is expected.

Если предпочитаете устаревающие спецификации, то поищите сами документацию на том же ресурсе (а это первоисточник).

Уверяю, что более серьёзной разницы, чем отсутствие в древних доктайпах тэга <hgroup>, в котором может жить <h3>, не найдёте.

Sign In

Не Могу Указать Стиль Для Простой Html Структуры

Question

_duke_

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

swetlana

Link to comment

Share on other sites

_duke_

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

swetlana

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information