Как присвоить стиль тегу с классом?

Question

[takverstak]

Так можно присоить стиль всем li которые находятся в ul:
.myclass> li{
И будет работать тут:

<ul class="myclass">
<li>А</li>
<li>B</li>
<li>C</li>
</ul>

Как сделать так что бы правило работало не просто на элемент списка li, а только на элементы li с классом new, т.е.:

<ul class="myclass">
<li>А</li>
<li>B</li>
<li class="new">C</li> <!--на этот-->
</ul>

Answer 1

[Павел Антонов]

.myclass> li.new
не?

Answer 2

[WhatIsHTML]

Не привязывайтесь в селекторах к тегам - это очень плохая практика. Придет кто-то и поменяет li на div и верстка поедет. Если нужно применить стили на все теги li , а один из них сделать каким-то особенным, то лучше присвоить каждому li какой-то класс, а тому особенному - добавить еще один класс. Примерно так:

<ul class="myclass">
<li class="myclass__elem">А</li>
<li class="myclass__elem">B</li>
<li class="myclass__elem new">C</li> <!--на этот-->
</ul>

.myclass .myclass__elem {
 // правила для всех li
}
.myclass .myclass__elem.new {
 // правила для особенного li
}