一、代码<style>ul{list-style: none}div ul li{width:100px;height:30px;border:#eee 1px solid;float:left;}div ul li:nt

CSS3中nth-child与nth-of-type的区别其实很简单：:nth-of-type为什么要叫:nth-of-type？因为它是以"type"来区分的。也就是说：ele:nth-of-type(n)是指父元素下

先看一个简单的实例，首先是HTML部分：<section><p>我是第1个p标签<p><p>我是第2个p标签<p><!-- 希望这个变红 --><se

nth-child和nth-of-type是css的两个伪选择符。应用中，这两者常常容易混淆。这里把它们拿出来仔细做个对比，看看这两者是怎么查找元素的。nth-child(n) &mdash;&mdash; 寻找第n个子元素

前言在前端编程中我们经常用到nth-child选择符，它可以接受数值也可以接受odd,even等，今天翻阅精通CSS一书才想起它还可以接受一个表达式，类似4n+1,-2n+1等。那他们各自具体有什么用呢？适用的场景是什么呢？可能大家还不是