Не работает псевдо-класс first-child

[tini.kRyptoNite]

http://jsfiddle.net/Jvbsj/

Подскажите пожалуйста почему здесь не работает first-child?

[kamaz6141]

http://jsfiddle.net/kamaz6141/Jvbsj/1/ Edited December 15, 2012 by kamaz6141

[tini.kRyptoNite]

тьфу) Тогда подскажите пожалуйста как данную проблему решить?

http://jsfiddle.net/LFEMH/

Как то не разумно получается вставляю левый блок и он влияет на firt-child с классом .post.

Edited December 15, 2012 by tini.kRyptoNite

[Vadimka]

есть псевдокласс first-child и first-of-type , в вашем коде подсвечивается первый дочерний элемент #content если он с классом .post, псевдокласс first-child указывает стиль первому дочернему элементу, будь то div будь то p и т.д. добавление этого псевдокласса какому то классу значит что этот стиль будет применяться первомук дочернему элементу если он с классом (тот который вы указали), а в вашем случае нужно использовать first-of-type, будет присваиваться стиль первому из своего типа, то есть первому с классом post

[tini.kRyptoNite]

есть псевдокласс first-child и first-of-type , в вашем коде подсвечивается первый дочерний элемент #content если он с классом .post, псевдокласс first-child указывает стиль первому дочернему элементу, будь то div будь то p и т.д. добавление этого псевдокласса какому то классу значит что этот стиль будет применяться первомук дочернему элементу если он с классом (тот который вы указали), а в вашем случае нужно использовать first-of-type, будет присваиваться стиль первому из своего типа, то есть первому с классом post

Спасибо вам большое, разницу понял. Но почему-то применить first-of-type не получается. Браузер firefox 17.01

[Vadimka]

заключите Without post class в тег другого типа, например span.

прошу прощения, сам немного ошибся в объяснение. first-child выбирает любой первый дочерний элемент, каким тегом он не был бы. а first-of-type выбирает первый дочерний нужного типа, так как .post это div то он применяется к элементу первому элементу div, если у него есть класс post, замените пустой div без класса span'ом и будет то что надо

Edited December 15, 2012 by Vadimka

[tini.kRyptoNite]

заключите Without post class в тег другого типа, например span.

прошу прощения, сам немного ошибся в объяснение. first-child выбирает любой первый дочерний элемент, каким тегом он не был бы. а first-of-type выбирает первый дочерний нужного типа, так как .post это div то он применяется к элементу первому элементу div, если у него есть класс post, замените пустой div без класса span'ом и будет то что надо

А по другому никак?

[Vadimka]

http://everstudent.ru/blog/htmlcss/30-css-seletors-to-memorize/ может тут какой то из селекторов вам подойдёт. 7, 22, 24 модет один из них вам подойдёт. но смотрите поддержку браузеров.

[tini.kRyptoNite]

хорошо. спасибо.

[zdravkov]

всё отлично работает, просто надо убрать #content

http://jsfiddle.net/Jvbsj/4/

Дело в том что браузеры интерпретируют чтение документа с право на лева