yorickshan
12/12/2018 - 1:33 PM

在UI库的基础上定制样式

以semantic-ui为例

css3
content_copyfile_download
  • Rendered
  • Source
<div class="ui vertical inverted text memu">
</div>

.ui.vertical.inverted.text.memu {
  /*
  增加自定义样式
  如果重复则覆盖，否则合并
  */
}

目标页面可能同时存在多个class="ui vertical inverted text memu"

我们可以在对应的html标签中增加class类名：

<div class="ui vertical inverted text memu new">
</div>

或者用“子孙选择器”即 class1（父级元素样式） > class2 的方式

来进行区分

给HTML元素赋予多个 class 可以把若干个 CSS 类合并作用到一个 HTML 元素