:nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。 先看一个简单的实例，首先是HTML部分： 然后两个选择器相对应的CSS代码如下： 上面这个例子中，这两个
分类：
Web程序 时间：
2016-03-13 06:14:18
阅读次数：
238
1、属性选择器 在CSS3中，追加了3个属性选择器，分别为：[att*=val]、[att^=val]和[att$=val]，使得属性选择器有了通配符的概念。 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>
分类：
Web程序 时间：
2016-02-28 09:49:30
阅读次数：
391
作者：大额_skylar http://www.cnblogs.com/skylar/p/css3-selector.html 每个前端工程师可能每天都会写一些css，其中选择器是很主要的一部分。但是，大家可能每天写的大多是#id,.class这样的选择器，这并不稀奇，但是如果我们了解并且熟用css
分类：
Web程序 时间：
2016-02-23 10:58:46
阅读次数：
202
CSS选择器复习通用选择器：* 选择到所有的元素
选择子元素：> 选择到元素的直接后代(第一级子元素)
相邻兄弟选择器：+ 选择到紧随目标元素后的第一个元素
普通兄弟选择器：~ 选择到紧随其后的所有兄弟元素
伪元素选择器：
::first-line 匹配文本块的首行
::first-letter 选择文本块的首字母
伪类选择器：
:before...
分类：
Web程序 时间：
2016-02-19 12:42:27
阅读次数：
253
我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法，以及一些提取和扩充选中元素集的方法了。 一、jQuery选择器 在CSS3选择器标淮草案定义的选择器语法中，jQuery支持相当完整的一套子集，同时还添加了一些非标准但很有用的伪类。注意:本节
分类：
Web程序 时间：
2016-02-01 17:42:01
阅读次数：
156
Selectivizr是一个JS文件，你只需要引入如JQuery、Mootools、Prototype等N多流行的JS框架中的任意一个，然后再调用Selectivizr，就可以让IE6/7/8支持CSS3选择器。Selectivizr的使用非常的简单，但是并不能直接使用，在使用前需要先加载下列框架中...
分类：
Web程序 时间：
2016-01-18 13:44:02
阅读次数：
132
转自：http://www.w3school.com.cn/cssref/css_selectors.aspCSS3 选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）选择器例子例子描述...
分类：
Web程序 时间：
2016-01-15 20:29:02
阅读次数：
284
原创文章，转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]本文地址：http://www.zhangxinxu.com/wordpress/?p=1709参考文章：The Difference Between :nth-child and :nth-of-t...
分类：
Web程序 时间：
2016-01-03 19:36:51
阅读次数：
217
CSS3选择器小结一通用选择器1*{}通配选择符(CSS2)：适合所有元素对象。2E类型(HTML)选择符（CSS1）：以文档语言对象类型DOM作为选择符。3E#myid是id选择符（CSS1）：以唯一标识符id属性等于myid的E对象作为选择符。4E.myclass是类class选择符(CSS1)...
分类：
Web程序 时间：
2015-12-14 10:39:18
阅读次数：
187
一、复杂选择器：（1）兄弟选择器：选择当前元素平级的兄弟元素 有两种：1）相邻兄弟选择器：仅选择相邻的1个元素: 选择器+选择器 相邻兄弟选择器的三个关键词：1. 紧临 2. 平级 3. 之后 2）兄弟选择器：选择之后的所有元素：选择器~选择器 *注意：不要求紧临* 何时使用：只要选择平级元素...
分类：
Web程序 时间：
2015-12-13 16:51:33
阅读次数：
155
