Basit sıralı olmayan bir liste, <li> bazı öğeler <ul> etiketleri iç içe hayal. Şimdi, kurşunlar <li> öğeleri color: #F00; sonra rengini ayarlayın eğer Kare list-style:square;) ancak şeklinde tanımlanmıştırher şeyikırmızı olur!

Ben SADECE bu Kare mermi rengini ayarlamak ister. Ne zarif bir kod CSS tek kurşun rengi tanımlar? Hareketli görüntüleri veya span etiketleri kullanmadan zarif anlamı.

HTML

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>

CSS

li{
   list-style:square;
}

Bunu yapmanın en yaygın yolu, bu satırlar boyunca bir şey

ul {
    list-style: none;
    padding:0;
    margin:0;
}

li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

li:before {
    content: "• ";
    color: red; /* or whatever color you prefer */
}

Canlı demo: http://jsfiddle.net/leaverou/ytH5P/

Tüm tarayıcılar, sürüm 8 ve IE de dahil olmak üzere çalışacak.