Вопрос по CSS для профессионала

.item10 {

    font-family: serif;

}

.active {

    color: red;

}

.item10.active {

    font-weight: bold;

}

Или лучше такой пример:

<ul class="navig">

    <li class="first"><a href="/1/">Пункт 1</a></li>

    <li><a href="/2/">Пункт 2</a></li>

    <li class="active"><a href="/3/">Пункт 3</a></li>

    <li class="last"><a href="/4/">Пункт 4</a></li>

</ul>

ul.navig {

    margin: 0;

    padding: 0;

    list-style: none;

}

ul.navig li {

    margin: 0;

    padding: 4px 10px;

    background-color: #efefff;

}

ul.navig li.active {

    border: 1px solid navy;

    border-style: none none none solid;

}

ul.navig li.active.first {

    border-style: solid none none solid;

}

ul.navig li.active.last {

    border-style: none none solid solid;

}

Цитата ("Strutinskiy"):

"класс элемента" - это не CSS, а разметка, то есть HTML

Все верно. В CSS "классов" вообще нет, есть селекторы.

Ладно, не спорю.
Каждый видит все по-своему.
В любом случае спасибо за обоснованную дискуссию.