css中的正則表達式

關(guān)鍵詞:正則表達式

正則表達式是css的亮點之一,但是兼容性不太好,而且只支持一些基本的寫法:

  • 字符 ^ 表示字符串開始位置匹配;
  • 字符 $ 表示字符串結(jié)束位置匹配;
  • 字符 * 表示字符串任意位置匹配;
  • 字符 i 表示字符串匹配不區(qū)分大小寫;
  • 字符 g 表示字符串全局匹配;

根據(jù)版本不同,可分為:

  • CSS2.1屬性選擇器
  • 直接匹配:[attr], [attr="val"], [attr~="val"], [attr|="bar"]
  • CSS3屬性選擇器
  • 正則匹配:[foo^="bar"], [foo$="bar"], [foo*="bar"]
  • CSS4屬性選擇器
  • 忽略大小寫匹配:[attr="val" i]
  • [attr=”val”]元素的屬性名是'attr'值必須是'val':
  • [attr~=”val”]'attr'值需含有單詞'val'
  • [attr|=”bar”]'attr'屬性值開頭必須是bar的單詞,或者開頭是bar-
  • [attr=^”val”] 值開頭三個字符必須是val
  • [attr$=”val”]屬性值最后三個字符必須是val
  • [attr*=”val”]屬性值任意位置包含val這三個字符即可
  • [attr="val" i]屬性值不區(qū)分大小寫(可惜IE不支持)

完畢,是不是太簡單了/(ㄒoㄒ)/~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容