省略号写法及选择器权重

单行文本省略号的写法

• 核心css代码如下

1、overflow:hidden; （超出限定宽度就隐藏）
2、text-overflow:ellipsis; （规定文本溢出限定宽度时，用省略号代替）
3、white-space:nowrap; （设置文本一行显示，不能换行）

代码如下：

overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;

多行文本省略号

• 核心css代码如下*

1、-webkit-line-clamp:2; （限制一个块元素显示的文本行数，2表示最多显示2行）
2、display:-webkit-box; （将对象作为弹性伸缩盒子模型显示）
3、-webkit-box-orient:vertical; （设置或检索伸缩盒子对象的子元素的排列方式）
4、overflow:hidden; （超出限定的内容就隐藏）
5、text-overflow:ellipsis; （文本超出限定的长度用省略号表示）
注：2、3条件必须结合1使用。

-webkit-line-clamp:2;
display:-webkit-box;
-webkit-box-orient:vertical;

选择器权重

• 选择器权重

  • css优先级

  important > 行内 > id选择器 > 类选择器/伪类 > 标签选择器 > *(全局选择器）