<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>选择某个区间的元素-CSS3</title>
<style>
ul{ width:50%}
li{ background:#f5f5f5 border-bottom:1px solid #ddd padding:5px 0 }
ul li:nth-child(-n+7){ background:#F90}
ul li:nth-child(-n+3){ background:#f5f5f5}
</style>
</head>
<body>
<h2>设置第4~7个li的背景色为橙色</h2>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
</ul>
</body>
</html>
第二种方法JS：-------------------------------------
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>选择某个区间的元素-JS</title>
<style>
ul{ width:50%}
li{ background:#f5f5f5 border-bottom:1px solid #ddd padding:5px 0 }
</style>
<script src="
<script>
$(function(){
$("ul li:lt(7)").css("background","#F90")
$("ul li:lt(3)").css("background","#f5f5f5")
})
</script>
</head>
<body>
<h2>设置第4~7个li的背景色为橙色</h2>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
</ul>
</body>
</html>
<div class="dv"><div>1<div>
<div>2<div>
<div>3<div>
<div>
选中第一个 .dv:firstchild 选中最后一个 .dv:lastchild 选中第二个 .dv:nth-child(2)
<div id="footer">此处显示 id "footer" 的内容</div>这里的footer没有设定CSS 放在一个框架里是不是<iframe></iframe>这种吖?
你应该在一开始放一个大的DIV 把整个框架都包括之后放框架 在框架里再放DIV
不过你要注意float属性 要不你的DIV会重叠在一起!
