樣式只有無序列表

的第一級我有一個列表，像這樣：樣式只有無序列表

<ul id="main"> 
     <li>January 
      <ul> 
       <li>test</li> 
       <li>test2</li> 
      </ul> 
     </li> 

     <li>February 
      <ul> 
       <li>test</li> 
       <li>test2</li> 
      </ul> 
     </li> 
    </ul>

我想隻影響力的第一級 - 我覺得這個CSS會做的伎倆，但它似乎是工作不正常。

#main > li { 
cursor: pointer; 
list-style-image: url('plus_sign.gif'); 
}

子列表旁邊還有一個加號符號......我會做錯什麼？

來源

2012-11-19 joshft91

當然，你沒有其他規則的地方？ http://jsfiddle.net/YA2yx/ –

幾乎肯定我沒有另一條規則......當我把你的jsfiddle粘貼到我的html文件中並在本地顯示時，它會顯示在每一個li上的貓。 – joshft91

（對貓的抱歉）。如果你檢查你喜歡的瀏覽器工具中的元素，它應該顯示你正在應用哪個CSS規則。 –

你可以試試這個CSS，它看起來像你想要的。

#main{ 
    cursor:pointer; 
    list-style-image:url('http://www.w3schools.com/cssref/sqpurple.gif'); 
} 
#main ul{ 
    /*If you don't want the hallow circles*/ 
    list-style:none; 
    /*if you want the hollow cirles, remove list-style and uncomment list-style-image:none 
    list-style-image:none; 
    */ 
}

它只會在1月和2月顯示plus_sign.gif（在本例中爲sqpurple.gif）。見Fiddle

來源

2012-11-19 03:43:49 Fee

感謝您的回答。我開始懷疑在我的環境中是否發生了一些事情，因爲我已經爲角色輸入了角色，而且什麼也沒有。令人沮喪。 – joshft91

這似乎奏效了...不知道爲什麼，但它確實如此。 – joshft91

也許你應該在一個新文件中嘗試它，僅僅是這些規則，或者更簡單的嘗試找到問題的根源。希望最終能爲你解決問題。 – Fee

添加另一個規則來處理裏的所有其他情況：

ul > li{ 
    color: red; 
    /*specifically*/ 
    list-style-image: none; 
}

給的CSS默認所以你的具體案例將是一個例外。

來源

2012-11-19 03:16:40 hyleaus

這應該工作：

#main li { 
    list-style-image: none; 
    }  
    #main > li { 
    cursor: pointer; 
    list-style-image: url('plus_sign.gif'); 
    }

列表樣式圖像是可繼承的屬性，因此它從其父值。

來源

2012-11-19 03:19:27

複製並粘貼你的css之後，它將它們全部放回默認列表項目符號。堅實的子彈，然後是神聖的。 – joshft91

@ oshft91將「plus.png」更改爲「plus_sign.gif」 –

是的，我發現 - 不行。試着開始一個完整的.html和.css文件。 – joshft91

創建另一個風格和修改UL利用類：

.main > li { 
cursor: pointer; 
list-style-image: url('imageurl'); 
} 
.main > li > ul > li { 
cursor: auto; 
list-style-image: none; 
} 

<ul class="main"> 
    <li>January 
     <ul> 
      <li> test</li> 
      <li>test2</li> 
     </ul> 
    </li> 

    <li>February 
     <ul> 
      <li>test</li> 
      <li>test2</li> 
     </ul> 
    </li> 
</ul>

來源

2012-11-19 03:49:18

樣式只有無序列表

回答

相關問題