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.特点: 查找范围 → 当...
} div:nth-child(1){ border-bottom: 1px solid #878787; border-right: 1px solid #878787; } div:nth-child(2){ border-bottom: 1px solid #878787; } } .g-operate{ width: 100%; height: auto; overflow: hidden; ul{ list-style: none; padding: 0; margin: 0; font-size: 1.05rem; li{...
{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 ...
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){//下一条就是最后一条 ...
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---
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" ...
: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)) { ...
可以看到,可以使用2n、2n-1或者odd、even实现就奇偶选择器; 也可以根据需要选择nth-child和nth-of-type。 3.flex布局基础 为支持跨平台,uni-app推荐使用Flex布局,这是CSS3支持的布局方式,可以查看文档https://uniapp.dcloud.net.cn/frame?id=flex布局,使用时直接指定display: flex;即可。 测试如下: 代码语言:...