当文字多余2行时用...表示、

当文字多余2行时用...表示

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;

伪类选择器:()

p:last-child   选择作为其父的最后一个子元素的每个 <p> 元素。

p:first-child 选择作为其父的首个子元素的每个 <p> 元素。

p:nth-child(n)  选择作为其父的第n个子元素的每个 <p> 元素。

 

posted @ 2021-10-27 17:29  裳裳者华  阅读(36)  评论(0)    收藏  举报