代码来自http://dabblet.com/gist/70c434a6e802b062f494 主要涉及css中伪元素的应用,主要有nth child()和before、after等伪元素,重点为兄弟元素的巧妙应用。 效果: 对比自己写的,高下立知。 ...
分类:
Web程序 时间:
2018-07-13 00:00:08
阅读次数:
221
规定属于其父元素的第二个子元素的每个 p 的背景色: 运行结果: ...
分类:
其他好文 时间:
2018-07-07 17:44:46
阅读次数:
108
表单选择器: 属性选择器: 次序选择器: :first-child 选取属于其父元素的首个子元素 :last-child 选取属于其父元素的最后一个子元素 :nth-child(n) 选取父元素的第n个子元素 :nth-last-child(n) 倒序选取父元素的第n个子元素 :first-of-t ...
分类:
Web程序 时间:
2018-07-07 17:38:57
阅读次数:
178
$list-bg:red,orange,blue,skyblue; ul{ >li{ height: 30px; @each $c in $list-bg{ $i:index($list-bg,$c); &:nth-child(#{$i+1}){//+1是除了第一个以外的li b... ...
分类:
编程语言 时间:
2018-06-28 14:06:49
阅读次数:
371
1 伪类选择器(用于选择子元素用的)table tr:nth-of-type(odd) 奇数行table tr:nth-of-type(even) 偶数行table tr:nth-child(odd) 奇数行table tr:nth-child(even) 偶数行效果如下::nth-child(参数) 更加灵活n+i:表示从第i行开始往后全部选中i:表示只选中当前的第i行2n/3n:表
分类:
Web程序 时间:
2018-06-26 10:53:53
阅读次数:
221
nginx 学习资料 table th:first of type { width: 90px; } table th:nth of type(2) { } table th:nth of type(3) { width: 400px; } 知识 | 链接网址 | 说明 | | nginx | ht ...
分类:
其他好文 时间:
2018-06-17 20:49:37
阅读次数:
127
举例: li p:nth-child(2) { ........ } 是指 li p:nth-of-type(1) { ..... } 是指 如果li 中都是同一类型的标签,nth-child(n)则是指第n个子元素 如果li 中不是同一类型的标签,nth-child(n)则是指 [父元素]的第n个 ...
分类:
其他好文 时间:
2018-06-14 18:41:44
阅读次数:
196
原题网址:https://www.lintcode.com/problem/nth-to-last-node-in-list/description 描述 找到单链表倒数第n个节点,保证链表中节点的最少数量为n。 描述 描述 找到单链表倒数第n个节点,保证链表中节点的最少数量为n。 找到单链表倒数第 ...
分类:
其他好文 时间:
2018-06-11 23:39:57
阅读次数:
164
是说自然数序列看成一个长字符串,问我们第N位上的数字是什么。那么这道题的关键就是要找出第N位所在的数字,然后可以把数字转为字符串,这样直接可以访问任何一位。那么我们首先来分析自然数序列和其位数的关系,前九个数都是1位的,然后10到99总共90个数字都是两位的,100到999这900个数都是三位的,那 ...
分类:
其他好文 时间:
2018-06-10 12:04:38
阅读次数:
180
描述Given a linked list, remove the nth node from the end of list and return its head.For example, Given linked list: 1->2->3->4->5, and n = 2.Aer remo ...
分类:
编程语言 时间:
2018-06-09 22:04:32
阅读次数:
170