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列表项...
结构伪类选择器:nth-child(1)的执行顺序。所有盒子 结构伪类选择器:nth-of-type(1)的执行顺序。特定属性的盒子 nth-child 和 nth-of-type的区别: a)child会将所有盒子排序,type 只把指定元素的盒子排序 b)执行顺序也不同 结构伪类选择器小结 a)结构伪类选择器一般用于选择父级里面的第几个孩子 b)nth-child...
.footer button:nth-child(1) {margin-right: 10px; cursor: pointer; } 6.总结 1.父组件如果想让子组件修改传过去的值 必须加什么修饰符? 2.子组件要修改父组件的props值 必须使用什么语法? 二十、ref和$refs 1.作用 利用ref 和 $refs 可以用于 获取 dom 元素 或 组件实例 2.特点: 查找范围 → 当...
position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;background:limegreen; }&:nth-child(1){height:4px;margin-top:18px; }&:nth-child(2){height:6px;margin-top:16px; }&:nth-child(3){height:8px;margin-top:14px; }&:nth-child(4){height:10px;margin-top:12px...
text-align:center; } trtd, trth{ min-width:60px; } tr:nth-child(2n){ background-color:#f1f6ff; } .table{ width:100%; } 还有更多的使用方式,可以查看官方文档:https://alfred-skyblue.github.io/vue-draggable-plus/ ---END---
{content:"";clear:both;display:block;visibility:hidden;}ul{list-style-type:none;padding:0;margin:0;}.lists{}.lists li{padding:10px 20px;text-align:left;}.lists li:nth-child(odd){background:#f5f5f5;}.lists a{color:#222;text-decoration:none;}.lists a p{margin:5px0;}.lists a ...
pagination li:nth-child(n+2):nth-last-child(n+2) { display: none; } ul.pagination li:first-child { padding-right: 0; } } 使用 使用前,我们先将上面的组件文件KPagination.vue注册为 kpagination,然后找到需要插入的地方,写下如下代码: <kpagination v-model:current-page="myBlogs.curPage" ...
> div:nth-child(1) { font-weight: 500; color: #1d2129; } > div:nth-child(n + 2) { font-weight: 400; color: #86909c; } } > .scroller-item-btn { cursor: pointer; user-select: none; margin-left: auto; margin-top: auto; ...
let idi=".swiper-container .swiper-slide:nth-child("+nu+") video" $(idi)[0].currentTime=0//重新设置播放时间 即重头开始播放 that.video_play=false $(idi).trigger('play'); if(that.lastPage!=that.page){ if(nu+1==that.video_list.length){//下一条就是最后一条 ...
:global(.hour-picker .el-time-spinner>.el-scrollbar:nth-child(3)) { display: none !important; } :global(.hour-picker .el-time-range-picker.el-picker-panel) { width: 200px !important; } 上面的样式就是: 隐藏分钟列和秒钟列 2.调整宽度...