关于超链接a标签的颜色问题以及文本溢出时显示省略号
1.超链接a标签的颜色问题1.a标签有默认的颜色:蓝色2.它不会继承父辈元素的字体颜色,可以理解为继承颜色的优先级小于默认颜色,但可以单独设置同样要注意权重问题3.在写导航时常用a标签,如果我们已经将a标签字体颜色设置为某色,那么再写.nav li:hover{color:"#0f0"}此时a可以继承#0f0,如果a的颜色未设置则仍无法继承。这里可以理解为原本a的默认颜色优先级比继承的高,经过一轮
·
1.超链接a标签的颜色问题
1.a标签有默认的颜色:蓝色
2.它不会继承父辈元素的字体颜色,可以理解为继承颜色的优先级小于默认颜色,但可以单独设置同样要注意权重问题
3.在写导航时常用a标签,如果我们已经将a标签字体颜色设置为某色,那么再写.nav li:hover{color:"#0f0"}此时a可以继承#0f0,如果a的颜色未设置则仍无法继承。
这里可以理解为原本a的默认颜色优先级比继承的高,经过一轮a颜色的设置之后,它的优先级不再比继承高,就可以继承了。
2.文本溢出时显示省略号
首先需要设置容器宽度:width:value;(px、%,都可以)
**单行显示省略号**
强制文本在一行内显示: white-space:nowrap;
溢出内容为隐藏:overflow:hidden;
溢出文本显示省略号:text-overflow:ellipsis;
**多行显示省略号**
overflow: hidden;
text-overflow: ellipsis;
需要显示的行数:display: -webkit-box;-webkit-line-clamp: 2;
从顶部向底部垂直布置子元素: -webkit-box-orient: vertical;
更多推荐
已为社区贡献1条内容
所有评论(0)