table隔行變色

2022-09-11 20:45:11 字數 336 閱讀 3158

我們在操作div ul li的時候一般都是用document.getelementbyid和document.getelementstagname選擇器來選擇元素,而當我們操作**應用的時候有更簡便的js操作方式;

比如:tbodies,    //選擇**身體tbody

thead,    //選擇**頭部,乙個**中只能含有乙個頭部

tfoot,    //選擇**尾部,乙個**中只能含有乙個尾部

rows,    //tr的每一行

cells。    //每一列

id姓名年齡1

張三182李四

283王二334趙五

56

簡單隔行變色

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

css 隔行變色,表單布局

隔行變色 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 從第二行開始算起...

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

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