前断时间看到的css属性选择器的特殊用法, 于是就想了解一下用法,以便后期 css 中使用。
在这里一些简单的用法就不做说明了。
目前了解到的用法有以下几种:( title 里面加引号是便于阅读)
- ~ (波浪号):
div[title ~= "book" ]
这里的 ~ 是匹配包含 book 的 title, 例如:book,netbook,brief_book,book,booklet,bookself,books 等
- $ (美元符号):
div[ titile $= "book"]
这里的 $ 是匹配已 book 结尾的 title, 例如:book,netbook,brief_book等
- ^ (向上的尖括号):
div[ title ^= "book" ]
这里的^ 是匹配以 book 开始的 title,例如: book,booklet,bookself,books等
- 星号(*):
div[ title *= "book" ]
这里的星号(*)类似于模糊搜索,只要字符串能拆分出来 book 就可以匹配样式
以上如何要使用不区分大小写 只要在中括号结束之前添加一个 i;如下:
div[ title *= "book" i ]
css属性选择器的扩展希望对大家有所帮助!!!