適用於一個UL的類別適用於頁面上的* all *列表

Question

具有兩個無序列表的簡單文件。這兩個列表是彼此分開的，其中一個是而不是嵌套在另一個的內部。

看到這裏的工作例如：JSfiddle

類被應用到第一個列表，而不是第二個列表。我發現該類正在應用於頁面上的所有列表，即使其他列表不共享同一個類。

標記：

   <style> 
        #listContainer 
        { 
         margin-top:15px; 
        } 

.     .expList ul, li 
        { 
         list-style: none; 
         margin:0; 
         padding:0; 
         cursor: pointer; 
        } 
        .expList li { 
         line-height:140%; 
         text-indent:0px; 
         background-position: 1px 8px; 
         padding-left: 20px; 
         background-repeat: no-repeat; 
        }     
        .expList { clear:both;} 


       </style> 

        <p style='font-size:1.4em;'>First list</p> 
        <div id='listContainer'> 
         <ul class='expList'> 
          <li>A<ul><li>A1</li></ul></li> 
          <li>A</li> 
         </ul> 
         </div> 

<hr> 

         <p style='font-size:1.4em;'>Second list. </p> 
         <ul> 
          <li><b>Cats</b> 
           <ul> 
             <li>Cheezburger</li> 
             <li>Ceiling</li> 
             <li>Grumpy</li> 
           </ul> 
          </li> 
          <li><b>Role Models</b> 
           <ul> 
             <li>Bad Luck Brian</li> 
             <li>Paranoid Parrot</li> 
             <li>Socially Awkward Penguin</li> 
           </ul> 
          </li> 
         </ul> 

爲什麼要應用類一個完全獨立的UL影響不同，非嵌套UL在同一頁上？

編輯 - 請參閱this question的接受答案，以便對此問題做出很好的解釋。

Answer 1

你申請的風格所有li元素：

.expList ul, li 

...意爲 「在元素ul元素與expList類，所有li元素」。

既然是有expList類ul，我想知道，如果你真的想：

.expList li { ... } 

含義在ul.expList所有li元素。猜測雖然，很難說沒有更多的信息。