【css3选择】的更多相关文章

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…

css3选择

在一些项目中,我们常常需要实现选择类似于3的倍数的位数的元素,或者从第n个之后的元素,或者从第n个到第m个元素这种类型的选择,如果说在以前,想完全通过css实现,似乎是天方夜谭,根本不可能实现,CSS3的出现,给我们提供了类似的选择器,但是又有多少人能够真正通过CSS3选择器实现这些功能呢? 下面,列举几种类似的选择器: 1.选择第一个元素 ul li:first-child{} 这个是css3直接提供的选择器,相对应的就有选择最后一个 2.选择最后一个元素 ul li:last-child{}…

css3选择符使用个人理解。

元素选择符: 通配选择符:一般用* 星号表示  他会命中整体标签. 类型选择符:一般用者空格表示  他会命中标签自己的所有子元素. ID选择符:  一般用# 井号表示  他会命中以id为属性的标签  注释(一定要在标签属性加id属性) 类选择符:  一般用. 点表示  他会命中以class为属性的标签  注释(一定要在标签属性加class属性) 关系选择符: 包含选择符:比如ul标签包含li标签  给ul:li加属性  这样会命中li的所有元素. 子选择符:比如 7是8的儿子 给8加属性这样会命…

晨读笔记：CSS3选择器之属性选择器

一.属性选择器 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…

CSS3选择器之属性选择器

一.属性选择器 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…

CSS3选择器之学习笔记

首先说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) //倒数上去的第奇数个子元…

css3选择符

常用的选择符 1.元素选择符 2.id选择符 3.class选择符 4.通配符 5.群组选择符 6.包含选择符 7.伪类选择符(伪类选择符CSS中已经定义好的选择器,不能随便取名) 8.伪对象选择符(设置在对象后发生的内容,用来和content属性一起使用 )   元素选择符 语法:元素名称{属性:属性值;}   说明:    1.元素选择符就是以文档语言对象类型作为选择符,即使用结构中元素名称作为选择符.    2.所有的页面元素都可以作为选择符;   用法:    1.如果想改变某个元素得默…

抛弃jQuery：DOM API之选择元素

原文链接:http://blog.garstasio.com/you-dont-need-jquery/selectors/ 我的Blog:http://cabbit.me/you-dont-need-jquery/selector/ 上一篇文章抛弃jQuery:Why?引起了很多朋友的讨论,在这里我想强调,这一系列文章从来不希望开发人员不分情况的丢弃jQuery,也绝对不会抵制使用JavaScript库,手工处理兼容性问题,这篇及后面的专题都提供了一些能够替代jQuery的库. 如果我说"抛弃…

CSS基础篇之选择符2

属性选择符: 选择符 版本 描述 E[att] CSS2 选择具有att属性的E元素. E[att="val"] CSS2 选择具有att属性且属性值等于val的E元素. E[att~="val"] CSS2 选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素. E[att^="val"] CSS3 选择具有att属性且属性值为以val开头的字符串的E元素. E[att$="val"] CSS3 选…

CSS基础篇之选择符

关系选择符 E F 包含选择符(Descendant combinator) CSS1 选择所有被E元素包含的F元素. <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> P b{ font-size: 60px; font-family: "微软雅黑"; color:…