CSS通过创建新类或模仿特异性来覆盖第三方库?

时间:2018-06-12 22:55:30

标签: css css3 override semantic-ui

覆盖由Semantic UI或Bootstrap / Foundation CSS提供的样式时。最好的做法是模仿CSS类选择或发明一个新类来覆盖?

Semantic UI为手风琴题名提供以下风格。

.ui.accordion .title:not(.ui) {
    padding: .5em 0;
    font-family: Rubik,sans-serif;
    font-size: 1.25em;
    color: rgba(0,0,0,.87);
    border-bottom: 2px solid #eee;
}

如果我不想要边框底部,我通常会在我自己的CSS文件.ui.accordion .title:not(.ui)中重新声明选择器并根据需要进行调整。

但我看到其他人建议不要干涉第三方并创建一个新类来覆盖样式,即.no-border-bottom { border-bottom: none }

就我个人而言,我偏向于第一个选项,因为它需要更少的HTML标记。这两种选择中的任何一种都是更好的做法吗?

0 个答案:

没有答案