鲁中-O-华仔

夫君子之行,静以修身,俭以养德,非淡泊无以明志,非宁静无以致远。

导航

2018年12月22日 #

详解CSS中:nth-child的用法

摘要: 下面我将用几个典型的实例来给大家讲解:nth-child的实际用途: Tips:还用低版本的IE浏览器的哥们请绕过! :nth-child(2)选取第几个标签,“2可以是你想要的数字” :nth-child(n+4)选取大于等于4标签,“n”表示从整数,下同 :nth-child(-n+4)选取小于 阅读全文

posted @ 2018-12-22 16:52 鲁中-O-华仔 阅读(12088) 评论(0) 推荐(0) 编辑

去除最后一个li的样式

摘要: 推荐::::方法一,使用:first-child 纯css的:first-child伪类就可以胜任此任务,操作很方便,代码量忽略不计。支持IE7+,不支持IE6 :first-child /:last-child伪类向元素的 第一个 / 最后一个 子元素添加样式。 延伸:li:nth-child(2 阅读全文

posted @ 2018-12-22 16:34 鲁中-O-华仔 阅读(488) 评论(0) 推荐(0) 编辑

文本最后自动出现省略号...

摘要: 一:.单行文本溢出显示省略号… 1. white-space:nowrap; 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。2. text-overflow: ellipsis; 显示省略符号来代表被修剪的文本。 (延伸:clip 修剪文本。)二:多行文本溢出显示省略号… 1. 阅读全文

posted @ 2018-12-22 16:01 鲁中-O-华仔 阅读(395) 评论(0) 推荐(0) 编辑