Правильный способ написания CSS элементов / подразделений?

Question

Я изучаю CSS, и мне было просто интересно, какой путь лучше всего писать при написании CSS:

div.divname или .divname

ul#menu или #menu ul

и т. Д.

Answer 1

Существует разница между каждым указанным элементом.

div.divname
Будет соответствовать всем делениям с именем класса 'divname'.

.divname
Будет сопоставлять все элементы (разделы, абзацы, якоря, все) с именем класса 'divname'.

ul#menu
Будет соответствовать неупорядоченному списку с идентификатором 'menu'.

#menu ul
Будет соответствовать неупорядоченный список, содержащийся в элементе с идентификатором 'menu'.

Кроме объяснения этого, я не знаю точно, что вы пытаетесь сделать. Все, что я могу порекомендовать, это избегать указания имен классов, которые могут максимально соответствовать любому элементу, и помните, что только один элемент может иметь определенный идентификатор внутри одного документа. Из первого примера div.divname будет лучше. Из второго примера они оба совершенно разные.

Answer 2

Здесь много нюансов, и это будет зависеть от контекста в каждом конкретном случае.

Лучше всего разобраться в этой части CSS - прочитать тему «селекторов» CSS - это тип вопросов, о которых вы спрашивали.

Я настоятельно рекомендую CSS: это недостающее руководство , в котором содержится большой обзор селекторов.