兼容IE8及以上的常用css选择器

                p~ul//位于p元素后边的ul
                div>p
                div+p//紧接在 <div> 元素之后的所有 <p> 元素
                [attribute]//[target]选择带有 target 属性所有元素。
                [attribute=value]//[target=_blank]    选择 target="_blank" 的所有元素。
                [attribute~=value]//[title~=flower]    选择 title 属性包含单词 "flower" 的所有元素。
                [attribute|=value]//[lang|=en]    选择 lang 属性值以 "en" 开头的所有元素。
                element1~element2//p~ul    选择前面有 <p> 元素的每个 <ul> 元素。
                [attribute^=value]//a[src^="https"]    选择其 src 属性值以 "https" 开头的每个 <a> 元素。
                [attribute$=value]//a[src$=".pdf"]    选择其 src 属性以 ".pdf" 结尾的所有 <a> 元素。
                [attribute*=value]//a[src*="abc"]    选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。
                :first-child//p:first-child    选择属于父元素的第一个子元素的每个 <p> 元素。
                :first-letter//p:first-letter    选择每个 <p> 元素的首字母或首个字。
                :first-line//p:first-line    选择每个 <p> 元素的首行。
                :before//p:before    在每个 <p> 元素的内容之前插入内容。
                :after//p:after    在每个 <p> 元素的内容之后插入内容。