Организация выбора CSS

Question

У меня есть некоторый рабочий CSS-код, но я чувствую, что должен быть более эффективный способ организовать мой желаемый CSS. В принципе, я хочу, чтобы две отдельные области CSS могли вести себя одинаково в этом случае, но разные в других (что не важно для этого вопроса).

Вот рабочий CSS:

#paragraph p a:visited, #paragraph2 p a:visited{color:#00f;} 
#paragraph p a:link, #paragraph2 p a:link{color:#f00;} 

Я предполагая что-то вроде этого:

(#paragraph | #paragraph2) p a{ 
visited{color:#00f;} 
link{color:#f00;} 
} 

Постараюсь инкапсулировать мой псевдокод в словах, в случае, если то, что я написал не делает смысл:

Либо #paragraph, либо # paragraph2, содержащий «p», содержащий «a». Затем измените атрибуты «link» и «visited» с тегом «a».

Прежде всего, спасибо любому, кто не торопится прочитать/ответить.

Во-вторых, может быть лучший способ организовать мой документ в целом, и это здорово, если у вас есть предложения в этой области, но я также искренне любопытен, если подход, который я придумал, возможен, и как я таким образом.

Спасибо!

Answer 1

Вы можете дать два абзаца классу, а затем выбрать на основе класса, чтобы вам не пришлось повторять себя. Кроме того, посмотрите на LESS и Sass, если вам нужны лучшие альтернативы регулярному CSS в этом отношении.

Например, в Sass вы можете это сделать (если вы добавляете класс .paragraph к обоим пунктам):

.paragraph p a { 
    visited { color: #00f; } 
    link { color: #f00; } 
}