使用样式类

作为一个好的习惯,建议您先使用样式类,再定义样式类。您可以根据元素的物理含义直接使用样式类,先进行“占位”,之后在需要的时候再对样式类进行定义。

1. 对元素进行样式类操作

在文档流编辑界面,右键点击相应元素,选择逻辑→基本信息,输入对应样式类名称,例如"btn-success"(按钮成功风格的默认样式)。如要添加多个样式类,请用一个空格键使样式类名称分开。

2. 使用条件

在使用样式类的时候,请参照以下这张表格。

 物理含义样式类名称适用元素(选填)
 登陆成功 dlcg button

物理含义即帮助您去记忆一个样式类;样式类的名称可以根据物理含义定义。

注:我们在实际操作中可能会遇见样式类冲突的情况,在这里,我们简单介绍一下 ! important  ! important 是用来解决定义冲突的,例如您在定义一个元素的时候用了两个样式类,而两个样式类里面都有对元素字体颜色的定义,这时,你就需要对你想要的字体上加 ! important (color:#800!important;)使元素显示的颜色为#800。