分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

CSS3选择器之:nth-child(n)

发布时间:2023-09-06 01:30责任编辑:郭大石关键词:CSS选择器

      第一次用到这个选择器还是为了解决下面了的问题:

      手机的前端,我们使用了mint-ui,里面有一个日期选择控件,但是选择的时候没有提供年月的选择器,如:

      

      而是提供了下面的方式:

      

      为了达到上面的效果,使用了一个讨巧的方法,用CSS3的选择器:nth-child(n),直接让第3个(天数)元素隐藏掉。 

1 ?.picker-slot.picker-slot-center:nth-child(3){2 ????display: none;3 ??}

      参考文档:

      http://www.w3school.com.cn/cssref/css_selectors.asp

      http://www.w3school.com.cn/cssref/selector_nth-child.asp

      https://zhidao.baidu.com/question/2117823454569545467.html

CSS3选择器之:nth-child(n)

原文地址:http://www.cnblogs.com/gudi/p/8031282.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved