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

2021-10-03 16:15:54 字數 770 閱讀 2929

1、隔行變色呢,用到的是css3結構化偽類

li:nth-child(2n+3)

(2n+3):2行變一次色,從第三行開始

2、遇到某屬性值變色,實際上用的是屬性選擇器的一種

順帶一提,vue實現的話只需要:class="{}",然後某值就變某色,{}為後端給你判斷依據,視情況而定

那為什麼不直接寫.aaa呢,其實就是方便維護而已,而且不會影響到定義的其他屬性值,如果這個專案夠大接手的人夠多,那麼直接這樣寫會導致同名class樣式受到影響,不好維護。(有個不好的地方就是如果判斷值是個數字,那麼你就只能繫結title了)

但其實我也多數直接定義.aaa{},因為快.....(這是個不好的習慣,劃掉)

3、滑鼠懸停變色,實際上就是使用偽類(選擇變色等同理)

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

常見表單驗證

在驗證乙個方法的時候,只需要給表單的 nchange f this 中把f 替換為你要驗證的方法就行了 驗證 完整的url格式 http www.baidu.com function validurl obj com net cn if reg.exec v 驗證手機或者 號碼需要帶上區號 func...

jQuery常見表單技術

一,常見提交方式 1.submit表單提交 myform submit 2.jquery ajax 方法 通過遠端http get請求從伺服器載入資訊。ajax 傳送到伺服器的資料。將自動轉換為請求字串格式。success function data error function data 3.jq...