如果想將HTML的清單符號改成其他款式，可以使用CSS的list-style-type屬性，以下舉例要把清單符號改成黑色矩形:
li{
list-style-type: square;
}
接著打開瀏覽器會發現清單符號變了，導覽列卻也跟著變了:
這時候就要將選擇器設定成「ol li」，來限定只有ol內的li才能套用:
ol li{
list-style-type: square;
}
這樣就解決了導覽列也跟著改變的問題了:
除此之外list-style-type不只可以指定成黑色矩形，還可以指定成其他的種類，如下表所示:
iThome鐵人賽
看影片追技術