為非列表元素設定列表樣式

2021-07-09 20:29:19 字數 601 閱讀 3723

以段落例,實現自定義列表,並且自動排序

html:class的使用

css :計數器(counter),列表樣式(list-style),:before效果圖:

思路:

1. 首先隨便寫幾個,元素(廢話)

2. 通過給父元素設定counter-reset初始化計數器

3. 通過:before給所要設定計數器的元素設定counter-increament,counter()

**:

body

h3:before

效果圖:

思路:

方法很簡單。因為counter可以設定其他列表樣式,所以直接寫入即可。

h3

:before

使用 sorted 為元素為列表的列表進行排序

需要對乙個形如 lst 1 2 2 1 2 2 4 4 2 4 3 3 2 5 1 1 4 10 1 3 10 10 5 10 3 5 4 6 4 1 8 8 的列表進行排序。要求子列表的排序是按照子列表中第乙個元素和第二個元素的數值大小進行排序。sorted 可以對所有可迭代物件 iterable...

CSS3 設定列表樣式

屬性 說明示例 list style 在乙個宣告中設定所有列表屬性 list style none 列表屬性設定順序 在實際開發中,直接使用list style屬性讓列表不顯示標記符號,而list style position和list style image省略不寫。即。值說明 none 不顯示標...

判斷元素列表list全部元素為真

all 函式用於判斷給定的可迭代引數 iterable 中的所有元素是否都為 true,如果是返回 true,否則返回 false。元素除了是 0 空 none false 外都算 true。函式等價於 def all iterable for element in iterable ifnot e...