Класс переписывается другим классом

Question

Вот простая проблема CSS.У меня есть сайт, который имеет следующую проблему:

#main-content ol {
list-style-type: decimal;
padding-left: 25px;}                                  /* abc.css (line 140) */

#contentWrapper p, #contentWrapper ul, #contentWrapper ol, #lmBlurbsArchive {
color: #666666;
font-size: 1.1em;
margin-bottom: 12px;
margin-left: 0;
margin-right: 0;
margin-top: 0;}                                       /* abc.css (line 69) */

/* Code below being striped out/ over written by other class above */
ol.upper-roman {
list-style-type: upper-roman;

Answer 1

Селектор, использующий идентификатор, имеет более высокое значение, чем селектор, использующий только класс, поэтому #main-content ol отдается предпочтение над ol.upper-roman.

Вы должны использовать #main-content ol.upper-roman, чтобы перезаписатьнастройки в строке 140.

Answer 2

#main-content ol.upper-roman должно быть достаточно конкретным, чтобы «победить».

Итак, в вашем CSS измените ol.upper-roman на вышеуказанный селектор.

Дайте им прочитать:

• http://css -tricks.com / specics-on-css-специфичность /
• http://www.w3.org/TR/CSS2/cascade.html#specificity