Вопрос про селекторы

FoxyFru · December 29, 2011

Вот смотрите допустим html код следующий -


...
<body>
    <div id="wrap">
        <div id="left">
            <div class="menu">
                <h2>Menu</h2>
                <span class="main_menu">Main menu</span>
            </div>
        </div>
        <div id="content">
            ...
        </div>
    </div>
</body>
...

Как ГРАМОТНО обратиться к ГЛУБОКИМ селекторам? Нужно ли писать ДЛИННЫЕ последовательности? Понятно что сработает любая запись, и понятно что из-за длинных записей увелич-ся размер док-та, но все же. Лично мне удобней писать длинные последовательности. А правильно как


1) .menu h2 {...}
1) .main_menu {...}
__________________________

2) .menu .main_menu {...}
__________________________

3) #left .menu h2 {...}
3) #left .menu .main_menu {...}
__________________________
и т.п

hedgehog · December 29, 2011

Чем больше вложенность, тем больше времени нужно браузеру, чтобы это обработать. А еще я стараюсь избегать определения стилей через id родителя. Чревато проблемами с переопределением стилей.

Edited December 29, 2011 by hedgehog

Sign In

Вопрос про селекторы

Question

FoxyFru

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

hedgehog

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information