摘要:存在和值屬性選擇器這些屬性選擇器嘗試匹配精確的屬性值該選擇器選擇包含屬性的所有元素,不論的值為何。該選擇器僅選擇屬性被賦值為的所有元素。屬性選擇器的區別是完整單詞類型的比較符號拼接字符串類型的比較符號
1.存在和值(Presence and value)屬性選擇器
這些屬性選擇器嘗試匹配精確的屬性值:
[attr]:該選擇器選擇包含 attr 屬性的所有元素,不論 attr 的值為何。
[attr=val]:該選擇器僅選擇 attr 屬性被賦值為 val 的所有元素。
[attr~=val]:該選擇器僅選擇具有 attr 屬性的元素,而且要求 val 值是 attr 值包含的被空格分隔的取值列表里中的一個。
?
2.子串值(Substring value)屬性選擇器
這種情況的屬性選擇器也被稱為“偽正則選擇器”,因為它們提供類似 regular expression 的靈活匹配方式(但請注意,這些選擇器并不是真正的正則表達式):
[attr|=val] : 選擇attr屬性的值是 val 或值以 val- 開頭的元素(注意,這里的 “-” 不是一個錯誤,這是用來處理語言編碼的)。
[attr^=val] : 選擇attr屬性的值以 val 開頭(包括 val)的元素。
[attr$=val] : 選擇attr屬性的值以 val 結尾(包括 val)的元素。
[attr*=val] : 選擇attr屬性的值中包含子字符串 val 的元素(一個子字符串就是一個字符串的一部分而已,例如,”cat“ 是 字符串 ”caterpillar“ 的子字符串)。
?
CSS 屬性選擇器 ~=, |=, ^=, $=, *= 的區別
"value 是完整單詞" 類型的比較符號: ~=, |=
"拼接字符串" 類型的比較符號: ^=, $=,?*=
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1507.html
摘要:參數拼接在瀏覽器的地址欄請求報文格式參數放到請求報文請求體中進行傳遞表單元素單行文本框密碼框單選按鈕復選按鈕附件提交按鈕拓展搜索框,日期框,數字框,框的屬性參數的不能缺省參數的按鈕的時候不能缺省提示語用在單選按鈕和復選按鈕中表示默認選中 get 參數拼接在瀏覽器的地址欄 url?k=v&k=v 請求報文格式: ...
摘要:參數拼接在瀏覽器的地址欄請求報文格式參數放到請求報文請求體中進行傳遞表單元素單行文本框密碼框單選按鈕復選按鈕附件提交按鈕拓展搜索框,日期框,數字框,框的屬性參數的不能缺省參數的按鈕的時候不能缺省提示語用在單選按鈕和復選按鈕中表示默認選中 get 參數拼接在瀏覽器的地址欄 url?k=v&k=v 請求報文格式: ...
摘要:派生選擇器依據元素的位置關系來定義樣式。稱其為上下文選擇器,稱其為派生選擇器。在現在布局中,選擇器常常用于建立派生選擇器。和一樣,也可被用作派生選擇器。 文章大綱來源:【Day 3】HTML復習 + CSS基礎 初識CSS 入門CSS 初識CSS 層疊樣式表(Cascading Style Sheets),即前端常說的CSS。 內容引用:CSS 簡介 樣式解決了什么問題? HTML...
摘要:派生選擇器依據元素的位置關系來定義樣式。稱其為上下文選擇器,稱其為派生選擇器。在現在布局中,選擇器常常用于建立派生選擇器。和一樣,也可被用作派生選擇器。 文章大綱來源:【Day 3】HTML復習 + CSS基礎 初識CSS 入門CSS 初識CSS 層疊樣式表(Cascading Style Sheets),即前端常說的CSS。 內容引用:CSS 簡介 樣式解決了什么問題? HTML...
閱讀 1557·2021-11-17 09:33
閱讀 1105·2021-11-12 10:36
閱讀 2418·2019-08-30 15:54
閱讀 2443·2019-08-30 13:14
閱讀 2918·2019-08-26 14:05
閱讀 3294·2019-08-26 11:32
閱讀 3006·2019-08-26 10:09
閱讀 3001·2019-08-26 10:09