1. first-child(IE7兼容)、last-child(IE8不兼容) 2.nth-child、nth-last-child (IE8不兼容) 3. 对奇数、偶数使用样式 4. nth-of-type(IE8不兼容):只针对同类型的元素进行计算 5. 循环使用样式 li:nth-child(4n+1) 1. first-child(IE7兼容)、last-child(IE8不兼容) html: 列表列表项目1列表项...
} div:nth-child(1) { width: 100px; background: red; } div:nth-child(2) { flex: 1; background: green; } div:nth-child(3) { width: 100px; background: blue; } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 2...
...其他样式 :global(.hour-picker .el-time-spinner>.el-scrollbar:nth-child(1)) { width: 90% !important; } :global(.hour-picker .el-time-spinner>.el-scrollbar:nth-child(2)) { display: none !important; } :global(.hour-picker .el-time-spinner>.el-scrollbar:nth-child(3)) { disp...
table tr:nth-child(odd) { background: rgba(255,255,255,0.3); } table tr:nth-child(even) { background: rgba(153,153,153,0.3); } .empty-content { width:100%; overflow: auto; } 转载请注明来源:点击领取http://www.dianjilingqu.com/...
结构伪类选择器:nth-child(1)的执行顺序。所有盒子 结构伪类选择器:nth-of-type(1)的执行顺序。特定属性的盒子 nth-child 和 nth-of-type的区别: a)child会将所有盒子排序,type 只把指定元素的盒子排序 b)执行顺序也不同 结构伪类选择器小结 a)结构伪类选择器一般用于选择父级里面的第几个孩子 ...
.footer button:nth-child(1) {margin-right: 10px; cursor: pointer; } 6.总结 1.父组件如果想让子组件修改传过去的值 必须加什么修饰符? 2.子组件要修改父组件的props值 必须使用什么语法? 二十、ref和$refs 1.作用 利用ref 和 $refs 可以用于 获取 dom 元素 或 组件实例 2.特点: ...
i:nth-child(2) { width: 12%; height: 16px; line-height: 16px; margin: auto 0; text-align: center;text-decoration: underline; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } i:nth-child(3) { width: 8%;
header {display: flex;justify-content: space-between;div {height: 50px;color: white;text-align: center;line-height: 50px;}div:nth-child(1) {width: 100px;background: red;}div:nth-child(2) {flex: 1;background: green;}div:nth-child(3) {width: 100px;background: blue;}} ...
.links a:nth-child(2):before { background: #212121; left: 0 } .links a:nth-child(2):after { content: "report error" } .links a:nth-child(2):hover:after { color: #fff } .social { position: absolute; bottom: 15px; left: 15px ...
{height: inherit;overflow: hidden;display: flex;flex-direction: column;}.header {background-color: pink;display: flex;height: 30px;align-items: center;justify-content: space-around;div:nth-child(1) {width: 40px;}div:nth-child(2) {text-align: center;}div:nth-child(3) {width: 40px;...