Прошу помочь обьяснить!

[mr.Dassler]

У меня есть id-селектор и внутри него я создал правило {color: #fc0; font-family: Georgia, Times, serif;}

Так же у меня есть p {font-family:Arial;} и h2 {color:red;} . Внутри id селектора у меня есть теги( p и h2) но на них действует правило которое не id селектора

вот не могу монять у id же больше приоритет над селекторами тегов.Почему что находится в id параграф и заголовок не изменяются.

id я применил к <div> параграф и заголовок у меня в нем.

Edited September 11, 2011 by mr.Dassler

[ShumNo]

#selector p {font-family:Arial;}
#selector h2 {color:red;}

Если, например, #selector h2 - отсутствует(h2), то на заголовок будет действовать общее правило (если оно есть)

h2 {}

[mr.Dassler]

  On 9/11/2011 at 9:05 AM, ShumNo said:

#selector p {font-family:Arial;}
#selector h2 {color:red;}

Если, например, #selector h2 - отсутствует(h2), то на заголовок будет действовать общее правило (если оно есть)

h2 {}

А почему действует общие правило?? если у селектора id больше приоритет над селекторами тегов.

[Vlad]

Есть такая штука как наследование. Согласно ему на p действует два правила:

color: #fc0; - унаследовано от родителя ID.

font-family: Georgia, Times, serif; - унаследовано от родителя ID.

плюс собственное правило работает font-family: Arial, которое имеет выше приоритет, чем унаследованное. Поэтому внутри абзаца текст будет оранжевый Arial.

[mr.Dassler]

  On 9/11/2011 at 9:13 AM, Vlad said:

Есть такая штука как наследование. Согласно ему на p действует два правила:

color: #fc0; - унаследовано от родителя ID.

font-family: Georgia, Times, serif; - унаследовано от родителя ID.

плюс собственное правило работает font-family: Arial, которое имеет выше приоритет, чем унаследованное. Поэтому внутри абзаца текст будет оранжевый Arial.

Да собственно вот это и не могу понять Влад, почему у собственного правила больше приоритет если у id селектора больше значимость над селектором тегов.

[yacor]

  On 9/11/2011 at 5:02 PM, mr.Dassler said:

  On 9/11/2011 at 9:13 AM, Vlad said:

Есть такая штука как наследование. Согласно ему на p действует два правила:

color: #fc0; - унаследовано от родителя ID.

font-family: Georgia, Times, serif; - унаследовано от родителя ID.

плюс собственное правило работает font-family: Arial, которое имеет выше приоритет, чем унаследованное. Поэтому внутри абзаца текст будет оранжевый Arial.

Да собственно вот это и не могу понять Влад, почему у собственного правила больше приоритет если у id селектора больше значимость над селектором тегов.

Это кто так сказал? В КСС нету системы приоритетов. То, что по коду идет ниже, то и приоритетнее. Собственные свойства потомка имеют больший приоритет, чем унаследованные свойства родителя.

[Vlad]

Каскадирование начинает работать когда есть конфликт между правилами, здесь никакого конфликта нет. Если бы вы определили для P несколько разных цветов разными способами, тогда имеет значение идентификатор там или нет.

[mr.Dassler]

Вот это я и не могу понять находящиеся внутри id-селектора должно иметь больше преимущество над селекторам тега то есть (100 для id и 1 для тега) объясните на вот этом примере почему так происходит

h2 {color:red; }

p {font-family: Arial;}

#wrapper {color: #fc0; font-family: Georgia;}

<div id="wrapper" >

<h2>Check the Elevator Before Beginning</h2>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam</p>

</div>

<h2>Check the Elevator BeforeBeginning</h2>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>

к id применилось только цвет для параграфа а все остальное от селекторов тегов.

Edited September 12, 2011 by mr.Dassler

[Vlad]

Ещё раз повторю, что каскадирование здесь не применимо, оно работает в том случае, когда два и более правила применяются к одному элементу. Например:

#wrapper h2 {color: red;}
h2 {color: green; }

Если же написать так, то правила не конфликтуют, любой текст внутри #wrapper будет красным, но для h2 есть дополнительное правило, поэтому текст будет зелёный.

#wrapper {color: red;}
h2 {color: green; }

[mr.Dassler]

Значит в этом случае у собственного правила выше приоритет над id ?

#wrapper {color: red;}

h2 {color: green; }

[Vlad]

Нет здесь вообще никакого приоритета, это два разных правила и применяться они будут в зависимости от ситуации. Вполне возможна ситуация, когда #wrapper и h2 даже не пересекаются меж собой.

[psywalker]

  On 9/12/2011 at 12:54 PM, mr.Dassler said:

Значит в этом случае у собственного правила выше приоритет над id ?

#wrapper {color: red;}

h2 {color: green; }

Да.

Влад написал правильнее.

[mr.Dassler]

Влад объясни тогда какие тут правила работают и почему именно, а то я ни как не могу понять

h2 {color:red; }

p {font-family: Arial;}

#wrapper {color: #fc0; font-family: Georgia;}

Edited September 12, 2011 by mr.Dassler

[Vlad]

Ну что вы всё мусолите одно да потому, уже тремя разными способами объяснили. Есть три правила, они разные, приоритетов между ними нет. Если один элемент вкладывается внутрь другого, то будет работать стилевое правило для него.

[Int]

<kbd id="wrapper">aaa</kbd>
<h2>bbbb</h2>
<p>ccc</p>

Вот. И какие тут приоритеты?