然我們從事web前端外包開發服務很長時間了，但是對于li-style-type 的名稱和對應的符號，依舊是模棱兩可的，這方面我們要反省，要加強記憶，要把查詢文檔放在任何可以快速查到的地方， 你是否和我一樣？

css中用list-style-type指定列表（lists）前面符號,如下：

li {list-style-type:符號名稱}

符號名稱可用的值為：

disc : CSS1　實心圓

circle : CSS1　空心圓

square : CSS1　實心方塊

decimal : CSS1　阿拉伯數字

lower-roman : CSS1　小寫羅馬數字

upper-roman : CSS1　大寫羅馬數字

lower-alpha : CSS1　小寫英文字母

upper-alpha : CSS1　大寫英文字母

none : CSS1　不使用項目符號

armenian : CSS2　傳統的亞美尼亞數字

cjk-ideographic : CSS2　淺白的表意數字

georgian : CSS2　傳統的喬治數字

lower-greek : CSS2　基本的希臘小寫字母

hebrew : CSS2　傳統的希伯萊數字

hiragana : CSS2　日文平假名字符

hiragana-iroha : CSS2　日文平假名序號

katakana : CSS2　日文片假名字符

katakana-iroha : CSS2　日文片假名序號

lower-latin : CSS2　小寫拉丁字母

upper-latin : CSS2　大寫拉丁字母

來源：切圖網 www.qietu.com

ozilla說明了最新Firefox 68中的CSS功能細節，其跟上Chrome和Safari腳步，支持了Scroll Snap模組，并加入：：marker偽元素功能，方便開發者為列表項目加入前置標記，另外還修正了ch單位以及列表編號的功能。

Firefox 68實作了和瀏覽器Chrome和Safari一致的Scroll Snap模組，Scroll Snap可以讓網頁容器滾動停止時，自然平滑地滑動到指定元素的指定位置，另外，Firefox 68也移除了早期Scroll Snap Points規范中的老舊屬性。

而：：marker偽元素則是有助于開發者為列表加入項目符號，這對于復雜元素特別有用，像是需要將圖像作為項目符號，或是把列表中的文字包在Span中，以使用不同的項目符號與文字顏色的需求，：：marker偽元素可以鎖定項目符號本身，讓開發者針對項目符號本身進行修改。雖然：：marker偽元素只支持少數幾個CSS屬性，不過所有字體屬性都能夠使用，開發者可以自由地變化文字樣式。

開發者還可以使用display:list-item，將任何元素轉換成列表項目，而這樣就能在這些元素前面顯示項目符號。：：marker偽元素是在CSS列表Level 3和CSS偽元素Level 4中的標準，目前僅在Firefox 68和Safari中實作，Chrome則尚未支持。

不同的瀏覽器，可能對同一個功能有著不同的運作方式，而這樣的問題通常是因不同版本的網頁平臺造成，由于有許多行為并沒有被明確地規范，因此Mozilla著手對CSS規范進行許多更改，解決互通性問題，Firefox 68就修正了ch單位以及列表編號功能。