                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎 (一)—樣式篇

都按左邊敲了還是沒有反應人蒙了求解

<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-child、:last-child、:only-child</h3>
??? <div class="left first-div">
??????? <div class="div">
??????????? <a>:first-child</a>
??????????? <a>第二個元素</a>
??????????? <a>:last-child</a>
??????? </div>
??????? <div class="div">
??????????? <a>:first-child</a>
??????? </div>
??????? <div class="div">
??????????? <a>:first-child</a>
??????????? <a>第二個元素</a>
??????????? <a>:last-child</a>
??????? </div>
??? </div>

??? <script type="text/javascript">
??????? //查找class="first-div"下的第一個a元素
??????? //針對所有父級下的第一個
??????? $(".first-div a:first-child").css("color", "#CD00CD");
??? </script>

??? <script type="text/javascript">
??????? //查找class="first-div"下的最后一個a元素
??????? //針對所有父級下的最后一個
??????? //如果只有一個元素的話，last也是第一個元素
??????? $('.first-div a:last-child').css("color", "red");
??? </script>

??? <script type="text/javascript">
??????? //查找class="first-div"下的只有一個子元素的a元素
??????? $('.first-div a:only-child').css("color", "blue");
??? </script>

??? <h3>:nth-child、:nth-last-child</h3>
??? <div class="left last-div">
??????? <div class="div">
??????????? <a>:first-child</a>
??????????? <a>第二個元素</a>
??????????? <a>第三個元素</a>
??????????? <a>:last-child</a>
??????? </div>
??????? <div class="div">
??????????? <a>:first-child</a>
??????????? <a>第二個元素</a>
??????? </div>
??????? <div class="div">
??????????? <a>:first-child</a>
??????????? <a>第二個元素</a>
??????????? <a>第三個元素</a>
??????????? <a>:last-child</a>
??????? </div>
??? </div>

??? <script type="text/javascript">
??????? //查找class="last-div"下的第二個a元素
??????? $('.last-div a:nth-child(2)').css("color", "#CD00CD");
??? </script>

??? <script type="text/javascript">
??????? //查找class="last-div"下的倒數(shù)第二個a元素
??????? $('.last-div a:nth-last-child(2)').css("color", "red");
??? </script>

</body>