CSS属性选择器的高级应用

前断时间看到的css属性选择器的特殊用法, 于是就想了解一下用法，以便后期 css 中使用。
在这里一些简单的用法就不做说明了。

目前了解到的用法有以下几种：( title 里面加引号是便于阅读)

1. ~ (波浪号):

div[title ~= "book" ]

这里的 ~ 是匹配包含 book 的 title， 例如：book，netbook，brief_book，book，booklet，bookself，books 等

2. $ (美元符号):

div[ titile $= "book"]

这里的 $ 是匹配已 book 结尾的 title， 例如：book，netbook，brief_book等

3. ^ (向上的尖括号)：

div[ title ^= "book" ]

这里的^ 是匹配以 book 开始的 title，例如： book，booklet，bookself，books等

4. 星号（*）：

div[ title *= "book" ]

这里的星号（*）类似于模糊搜索，只要字符串能拆分出来 book 就可以匹配样式

以上如何要使用不区分大小写 只要在中括号结束之前添加一个 i；如下：

div[ title *= "book" i ]

css属性选择器的扩展希望对大家有所帮助！！！