兩個(gè)問(wèn)題，還請(qǐng)幫忙解答一下。
先附上代碼；
<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<link?rel="stylesheet"?href="imooc.css"?type="text/css">
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
????<h2>基本篩選器</h2>
????<h3>:first/:last/:even/:odd</h3>
????<div?class="left">
????????<div?class="div">
????????????<p>div:first</p>
????????????<p>:even</p>
????????</div>
????????<div?class="div">
????????????<p>:odd</p>
????????</div>
????????<div?class="div">
????????????<p>:even</p>
????????</div>
????????<div?class="div">
????????????<p>:odd</p>
????????</div>
????????<div?class="div">
????????????<p>:even</p>
????????</div>
????????<div?class="div">
????????????<p>div:last</p>
????????????<p>:odd</p>
????????</div>
????</div>
????<script?type="text/javascript">
????//找到第一個(gè)div
????$('.div:first').css("color",?"#CD00CD");
????</script>
????<script?type="text/javascript">
????//找到最后一個(gè)div
????$('.div:last').css("color",?"#CD00CD");
????</script>
????<script?type="text/javascript">
????//:even?選擇所引值為偶數(shù)的元素，從?0?開(kāi)始計(jì)數(shù)
????$('.div:even').css("border",?"3px?groove?red");
????</script>
????<script?type="text/javascript">
????//:odd?選擇所引值為奇數(shù)的元素，從?0?開(kāi)始計(jì)數(shù)
????$('.div:odd').css("border",?"3px?groove?blue");
????</script>
????<h3>:eq/:gt/:lt</h3>
????<div?class="left">
????????<div?class="aaron">
????????????<p>:lt(3)</p>
????????</div>
????????<div?class="aaron">
????????????<p>:lt(3)</p>
????????</div>
????????<div?class="aaron">
????????????<p>:eq(2)</p>
????????</div>
????????<div?class="aaron">
????????</div>
????????<div?class="aaron">
????????????<p>:gt(3)</p>
????????</div>
????????<div?class="aaron">
????????????<p>:gt(3)</p>
????????</div>
????</div>
????<script?type="text/javascript">
????//:eq
????//選擇單個(gè)
????$('.aaron:eq(2)').css("border",?"3px?groove?blue");
????</script>
????<script?type="text/javascript">
????//:gt?選擇匹配集合中所有索引值大于給定index參數(shù)的元素
????$('.aaron:gt(3)').css("border",?"3px?groove?blue");
????</script>
?????<script?type="text/javascript">
????//:lt?選擇匹配集合中所有索引值小于給定index參數(shù)的元素
????//與:gt相反
????$('.aaron:lt(2)').css("color",?"#CD00CD");
????</script>
????<h3>:not</h3>
????<div?class="left">
????????<div>
????????????<input?type="checkbox"?name="a"?/>
????????????<p>Aaron</p>
????????</div>
????????<div>
????????????<input?type="checkbox"?name="b"?/>
????????????<p>慕課</p>
????????</div>
????????<div>
????????????<input?type="checkbox"?name="c"?checked="checked"?/>
????????????<p>其他</p>
????????</div>
????</div>
????<script?type="text/javascript">
????????//:not?選擇所有元素去除不匹配給定的選擇器的元素
????????//選中所有緊接著沒(méi)有checked屬性的input元素后的p元素，賦予顏色
????????$('input:not(:ckercked)').css("background-color",?"#CD00CD");
????????$("input:not(:checked)+p").css("background-color",?"#CD00CD");
????</script>
</body>
</html>第一個(gè)問(wèn)題，為何最好一個(gè)代碼的效果不能餓實(shí)現(xiàn)？
第二個(gè)問(wèn)題，在慕課網(wǎng)實(shí)現(xiàn)是小方格效果，在自己的程序里打開(kāi)都是獨(dú)占一行（在沒(méi)設(shè)定寬高的情況下應(yīng)該不會(huì)形成小方塊啊。。附上效果圖。
2017-10-21
第一個(gè)問(wèn)題你把checked寫(xiě)成?ckercked了
2017-09-29
第一個(gè)問(wèn)題不知道什么意思.
第二個(gè)問(wèn)題可以給div加以下屬性:width:200px;margin:50px;float:left;