從具有特定值的有序列表中刪除句點到列表編號 - css

我有一個有「list number」特定值的有序列表。從具有特定值的有序列表中刪除句點到列表編號 - css

我已經看到增加值的列表的解決方案，但我的值需要是具體的，不能更改。

HTML

<td class="list"> 
    <ol class="junkfood"> 
    <li value="2">Cookies®</li> 
    <li value="1">Chocolate</li> 
    <li value="2">Brownies</li> 
    <li value="10">Ice cream sandwich</li> 
    </ol> 
</td>

現在它打印出來作爲

2. Cookies 
1. Chocolate 
2. Brownies 
10. Ice cream sandwich

我需要的數字來打印出 '價值'

2 Cookies 
1 Chocolate 
2 Brownies 
10 Ice cream sandwich

來源

2015-07-02 itsok

我很困惑。有序列表中如何存在兩個＃2項目，除非它們被捆綁在一起？爲什麼有序列表... *不是*有序的？這段時間有特定的含義，你不能刪除它。我不確定這是否是一個有序的列表，數字並不意味着我認爲它們的意思。有些東西告訴我，這應該被完全不同的標記，而不是一個醇。 – BoltClock

你想要的是完全有可能使用CSS，如果你使用的數據屬性：

ol { 
 
    list-style:none; 
 
} 
 
li:before { 
 
    content:attr(data-value) ' '; 
 
}

<ol class="junkfood"> 
 
    <li data-value="2">Cookies®</li> 
 
    <li data-value="1">Chocolate</li> 
 
    <li data-value="2">Brownies</li> 
 
    <li data-value="10">Ice cream sandwich</li> 
 
</ol>

然而，也有相當怪異使用HTML這樣，當您使用的是有序列表來表示無序數據。因此，您應該在我的示例中將<ol>替換爲<ul>以保持語義正確。同樣的CSS適用於這種方式，這只是表示。

來源

2015-07-02 20:16:50

你不想有序列表然後，你想要一個無序列表（ul）

<ul> 
    <li value="2">2 Cookies®</li> 
    <li value="1">1 Chocolate</li> 
    <li value="2">2 Brownies</li> 
    <li value="10">10 Ice cream sandwich</li> 
</ul>

我將這個值包含在列表項中，如您的示例所示。

2餅乾
1巧克力
2布朗尼
10冰淇淋三明治

HTH，埃裏克

來源

2015-07-02 15:28:45

從具有特定值的有序列表中刪除句點到列表編號 - css

回答

相關問題