覆盖由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标记。这两种选择中的任何一种都是更好的做法吗?