CSS3选择器之:nth-child(n)】的更多相关文章

第一次用到这个选择器还是为了解决下面了的问题: 手机的前端,我们使用了mint-ui,里面有一个日期选择控件,但是选择的时候没有提供年月的选择器,如: 而是提供了下面的方式: 为了达到上面的效果,使用了一个讨巧的方法,用CSS3的选择器:nth-child(n),直接让第3个(天数)元素隐藏掉. .picker-slot.picker-slot-center:nth-child(3){ display: none; } 参考文档: http://www.w3school.com.cn/cssre…
一.属性选择器 1.E[foo^="bar"]:该属性选择器描述的是选择属性以bar开头的元素,如: //所有以名称g_开头的div的字体颜色为红色div[name^="h_"]{ color:rted; } 2.E[foo$="bar"]:选取属性以bar结尾的元素,如: //所有以名称_h结尾的div的边框宽度为2pxdiv[name$="h_"]{ border:2px; } 3.E[foo*="bar&quo…
一.属性选择器 1.E[foo^="bar"]:该属性选择器描述的是选择属性以bar开头的元素,如: //所有以名称g_开头的div的字体颜色为红色div[name^="h_"]{ color:rted; } 2.E[foo$="bar"]:选取属性以bar结尾的元素,如: //所有以名称_h结尾的div的边框宽度为2pxdiv[name$="h_"]{ border:2px; } 3.E[foo*="bar&quo…
首先说first-child与last-child,这两个选择器很容易明白,就是父元素下的第一个子元素和最后一个子元素.而nth-child和nth-last-child则是父元素下指定序号的子元素,甚至第偶数个.奇数个子元素精选样式的制定. /*选择器写法示例*/ nth-child(n) //正数第n个子元素nth-last-child(n) //倒数第n个子元素nth-child(odd) //正数下来所有的第偶数个子元素nth-last-child(even) //倒数上去的第奇数个子元…
1 nth-last-of-type  顾名思义从最后开始的元素开始选取可接受 数字 关键词 公式  比如4n+0就是每隔四个 odd even关键词表示奇偶数 .classify-item:nth-last-of-type(3) { border:1px solid #000 }…
css3类选择器之结合元素选择器和多类选择器用法: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .p2{font-size:30px;} /*结合元素选择器*/ p.p1{color:rebeccapurple;} /*多类选择器*/ .p1.p…
:first-child 选择某个元素的第一个子元素(IE6不支持) :last-child 选择某个元素的最后一个子元素 :first-of-type [CSS3]选择一个上级元素下的第一个同类子元素 :last-of-type [CSS3]选择一个上级元素的最后一个同类子元素 :only-child [CSS3]选择的元素是它的父元素的唯一一个了元素(IE6-8不支持) :only-of-type [CSS3]选择一个元素是它的上级元素的唯一一个相同类型的子元素(IE6-8不支持) :nth…
原文:Windows Phone开发(25):启动器与选择器之WebBrowserTask 从名字上就看出来,这个家伙就是打开浏览并浏览到指定页面. 它有两个用途完全一样的属性:Uri属性是System.Uri类型,这是新写进的属性: URL是字符串类型,但如果使用该属性,会发出警告"已过时",所以建议使用前者. 下面这个例子,点击按钮后都是打开WEB浏览器并定位到文本框中输入的地址,但分别用了上面所说的两个属性,当程序运行后,你会发现其效果是一样的. <phone:PhoneA…
原文:Windows Phone开发(23):启动器与选择器之CameraCaptureTask和PhotoChooserTask 这两个组件都属于选择器,而且它们也有很多相似的地方,最明显的上一点,它们都是用来选择图片. 一.CameraCaptureTask选择器. 它用于启动照相机,当你拍下照片后,自动把照的字节流返回给调用方应用程序.前文说过,启动器和选择的使用方法和步骤都是一样的.对于CameraCaptureTask组件也如此,不过注意的一点是,处理Completed事件时一定要记住…
原文:Windows Phone开发(26):启动器与选择器之MediaPlayerLauncher和SearchTask 启动器与选择器简单的地方在于,它们的使用方法几乎一模一样,从前面几节中,我相信大家基本上都知道如何使用它们了. 这里还是哆嗦一下吧,使用启动器和选择器的步骤如下: 1.实例化,new一个: 2.准备各参数,对相关的属性赋值: 3.Show: 4.对于启动器,不需要这步,但选择器有返回数据,所以需要处理完成事件. 本节再举两例子,启动器和选择器就可以完成了,然后我们下一节开始…