1.超链接a标签的颜色问题

1.a标签有默认的颜色:蓝色

2.它不会继承父辈元素的字体颜色,可以理解为继承颜色的优先级小于默认颜色,但可以单独设置同样要注意权重问题

3.在写导航时常用a标签,如果我们已经将a标签字体颜色设置为某色,那么再写.nav li:hover{color:"#0f0"}此时a可以继承#0f0,如果a的颜色未设置则仍无法继承。

这里可以理解为原本a的默认颜色优先级比继承的高,经过一轮a颜色的设置之后,它的优先级不再比继承高,就可以继承了。

2.文本溢出时显示省略号

首先需要设置容器宽度:widthvalue;(px%,都可以)

**单行显示省略号**

强制文本在一行内显示:  white-spacenowrap;

溢出内容为隐藏:overflowhidden

溢出文本显示省略号:text-overflowellipsis;

**多行显示省略号**

overflow: hidden;

text-overflow: ellipsis;

需要显示的行数:display: -webkit-box;-webkit-line-clamp: 2;

从顶部向底部垂直布置子元素: -webkit-box-orient: vertical;

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐