虽然说目前CSS3还没正式的标准化，但新的属性已为网页带来许多的便利，像是大家所熟悉的圆角框、阴影、渐层、多栏位….，甚至目前正夯的RWD自适应，这些都是需要使用到CSS3，除此之外CSS3还提供了许多的选择器可使用，如此一来就可大量的减少一些类别的设定，直接透过HTML的标签就可直接进行选择与样式的设定，虽然说很方便，但在CSS3有二个选择器长的很像nth-child与nth-of-type，在正常情况下，二个用起来很像，但若HTML的结构改变时，二个就大不同啦!!!因此梅干作了一个小范例，来帮大家解惑，这二个属性的最大差别什么地方。 :nth-of-type() 这个 CSS 伪类匹配文档树中在其之前具有 an+b-1 个相同兄弟节点的元素，其中 n 为正值或零值。简单点说就是，这个选择器匹配那些在相同兄弟节点中的位置与模式 an+b 匹配的相同元素。 /* 在每组兄弟元素中选择第四个 元素 */ p:nth-of-type(4n) { color: lime; } 语法 nth-of-type伪类指定一个实际参数，这个参数使用一种模式来匹配哪些元素应该被选中。 正式语法 :nth-of-type( ) where = | even | odd 示例 Basic example HTML 这段不参与计数。 这是第一段。 这是第二段。 这段不参与计数。 这是第三段。 这是第四段。 CSS /* 奇数段 */ p:nth-of-type(2n+1) { color: red; } […]