css 隔行變色,表單布局

2022-08-24 15:21:12 字數 434 閱讀 6698

隔行變色:#list1 li:nth-of-type(odd)奇數行

#list1 li:nth-of-type(even)偶數行

#list2 li:nth-child(4n+1)從第一行開始算起 每隔4個(包含第四個)使用此樣式

#list00000 li:nth-child(4n+2)從第二行開始算起 每隔4個(包含第四個)使用次樣式

#list00000 li:nth-child(4n+3)從第三行開始算起 每隔4個(包含第四個)使用次樣式

#list00000 li:nth-child(4n+4)從第四行開始算起 每隔4個(包含第四個)使用次樣式

**基本布局

如圖布局,因為上次寫過一次 ,後來還是忘掉了,所以記一下吧。

吧label標籤設定成display:block;然後向左浮動就搞定啦~~

常見表單隔行變色 某屬性值變色 懸停變色

1 隔行變色呢,用到的是css3結構化偽類 li nth child 2n 3 2n 3 2行變一次色,從第三行開始 2 遇到某屬性值變色,實際上用的是屬性選擇器的一種 順帶一提,vue實現的話只需要 class 然後某值就變某色,為後端給你判斷依據,視情況而定 那為什麼不直接寫.aaa呢,其實就是...

簡單隔行變色

姓名 性別年齡 手機qq哈哈女 10213312344321 12344321哈哈女 10213312344321 12344321哈哈女 10213312344321 12344321哈哈女 10213312344321 12344321 哈哈 女102 13312344321 12344321哈...

table隔行變色

我們在操作div ul li的時候一般都是用document.getelementbyid和document.getelementstagname選擇器來選擇元素,而當我們操作 應用的時候有更簡便的js操作方式 比如 tbodies,選擇 身體tbody thead,選擇 頭部,乙個 中只能含有乙個...