关于css3我先介绍几个简单的选择器:先进行设置:字符串匹配属性选择器:E[alt^="a"] 选择属性中以a开头的元素:E[alt$="a"] 选择属性中以a结尾的元素:E[alt*="a"] 选择属性中包含a的元素:见以下例子:结果如下:伪类选择器:先看以下的例子:结果:以上是几个选择器作用的结...
分类:
Web程序 时间:
2015-08-30 19:14:42
阅读次数:
136
1.字符串div[class^=“a”]{}以a开头的class赋予什么什么属性div[class$="a"]{}以a结尾的class赋予什么什么属性div[class*="a"]字符中包含a的class赋予什么什么属性2.伪类选择器1.nth-child(n)div:nth-child(2)div...
分类:
Web程序 时间:
2015-08-30 17:23:58
阅读次数:
237
css选择器分为: 元素(标签)选择器 id选择器 类选择器 属性选择器 伪类选择器
分类:
Web程序 时间:
2015-08-21 00:02:09
阅读次数:
230
CSS3选择器本文为本人CSS3学习笔记,文中所介绍内容以及源代码均出自:
图解css3核心技术与案例实战
W3CPlus
强烈推荐!!!要使某个样式应用于特定的HTML元素,首先需要找到该元素。在CSS中,执行这一过程任务的表现规则称为CSS选择器,它为获取目标元素之后施加样式提供了极大的灵活性。CSS3选择器在常规选择器的基础上新增了属性选择器、伪类选择器和过滤选择器,可以帮助在开发中减少...
分类:
Web程序 时间:
2015-08-13 18:02:31
阅读次数:
173
接css3选择器(一)八、结构性伪类选择器【:nth-child(n)】:nth-child(n)选择器用来匹配某个父元素的一个或多个特定的子元素,和jquery中一样。其中"n"是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1,-n+5)和关键字(odd【奇数】、even【偶...
分类:
Web程序 时间:
2015-08-10 23:50:51
阅读次数:
178
1、元素选择器*{padding:0;margin:0;}p,span{}2、类选择器*.class{}p.class{}3、id选择器#id为x的元素4、属性选择器*[title]{color:red}有这个属性的5、后代选择器:空格(后代)、>(子代)、+(紧邻)子元素6、伪类选择器:自身元素a...
分类:
Web程序 时间:
2015-08-08 21:23:10
阅读次数:
145
@Heydon Pickering在三月份写过一篇《Quantity Queries for CSS》文章,文章主要介绍如何使用CSS的伪类选择器来找章鱼。前几天@Drew Minns的《Quantity Ordering With CSS》也介绍的是相关内容。觉得这两篇文章非常的有意思,今天也试试...
分类:
Web程序 时间:
2015-07-29 15:29:24
阅读次数:
142
01CSS选择器CSS的语法格式:选择器{属性:属性值;}举例:h2{color:red;}常见选择器:标签选择器 h2{}类选择器 .a{}//不能是数字,提倡ID选择器 #a{}//ID要唯一组选择器 h1,h2{}父类选择器pa{} //p标签中的a标签通用选择器*{}伪类选择器 a:vis....
分类:
移动开发 时间:
2015-07-21 23:56:15
阅读次数:
237
css3的元素旋转功能非常强大,也非常吸引人,但是很多时候因为浏览器使用率的问题,我们必需要想办法兼容一些低版本的浏览器,特别是ie这朵奇葩。 想要实现元素旋转本来很简单的一个属性就能实现,那就是transform:rotate(xxdeg)。举个例子:实现一个层旋转270deg。#dem...
分类:
其他好文 时间:
2015-07-17 20:51:44
阅读次数:
159
first-line 设置首行样式first-letter 设置首字母样式before 在某元素前插入内容并设置内容样式after 在某元素后插入内容并设置内容样式 实例:第一行 第二行
分类:
Web程序 时间:
2015-06-30 23:24:15
阅读次数:
288