「#orderedlist> li」選擇器

我正在學習jQuery this教程，但其中一個示例不起作用。「#orderedlist> li」選擇器

<html> 
    <head> 
    <style type="text/css"> 
     a.test { font-weight: bold; background: #fc0 } 
    </style> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
     $("#ol > li").addClass("test"); 
     $("#some").addClass("test"); 
     }); 
    </script> 
    </head> 
    <body> 
    <a href="http://jquery.com/" id="some">Some</a> 
    <ul id="ol"> 
     <li>one</li> 
     <li>two</li> 
     <li>three</li> 
    </ul> 
    </body> 
</html>

這個例子應用「測試」的風格，以超鏈接（#some），但這種風格並不適用於有序列表（#ol）。爲什麼？

來源

2009-12-13 demas

只是一個評論 - 該演示似乎令人困惑。爲什麼要給UL元素一個ol，這是一個列表容器元素的名稱？我知道這不是你的演示，但我想指出它很混亂。 – Cheeso 2009-12-15 23:34:13

刪除a從

a.test { font-weight: bold; background: #fc0 }

的一個限制它的鏈接（錨標記）。

來源

2009-12-13 07:58:59 Marius

JavaScript是好的，CSS不是。 CSS規則僅適用於鏈接。

看到效果，改變CSS來：

.test { font-weight: bold; background: #fc0 }

來源

2009-12-13 07:57:22 Kobi

「#orderedlist> li」選擇器

回答

相關問題