Свойство свойства sass переопределения элемента для элемента с идентификатором

Question

Как переопределить свойства для элемента с определенным идентификатором, используя Foundation и Sass?

У меня есть <section id='myid'> и хотите переопределить некоторые свойства для этого:

#myid { 
    background: blue; 
    color: white; 
} 

Если я кладу это в файле CSS, или в app.scss файл не будет применяться. Он находится в скомпилированном файле, но по умолчанию все еще имеют приоритет.

Как я могу заставить эти настройки иметь наивысший приоритет?

Answer 1

Вы должны учитывать «специфичность» CSS, #id обычно имеет приоритет, но это действительно зависит от того, как правила, в которых объявлено в первую очередь. Я не эксперт Фонда, но вы можете больше узнать о предмете на CSS-трюках: http://css-tricks.com/specifics-on-css-specificity/

Быстрое и грязное решение заключается в использовании флага !important для свойств, но я предлагаю вам сделать это это в крайнем случае:

#myid { 
    background: blue !important; 
    color: white !important; 
}