div.test:after {content: ' 哎呀'}
<div class='test'>我</div>
content :
attr(alt) | counter(name) |
counter(name , list-style-type) |
counters(name , string) |
counters(name , string , list-style-type) |
no-close-quote | no-open-quote | close-quote |
open-quote | string | url(url)
取值：
attr(alt): 使用对象的 alt 属性的文字
counter(name): 使用已命名的计数器
counter(name, list-style-type): 使用已命名的计数器并遵从指定的 list-style-type 属性
counters(name, string): 使用所有已命名的计数器
counters(name, string,
list-style-type): 使用所有已命名的计数器并遵从指定的 list-style-type
属性
no-close-quote: 并不插入 quotes 属性的后标记。但增加其嵌套级别
no-open-quote: 并不插入 quotes 属性的前标记。但减少其嵌套级别
close-quote: 插入 quotes 属性的后标记
open-quote: 插入 quotes 属性的前标记
string: 使用用引号括起的字符串
url(url): 使用指定的绝对或相对 url 地址
用复合选择器来写可能要好一点 其他栏目div:hover 第一个栏目div:nth-child(0){display:none}，第一个栏目一开始要有其他样式的话，你需要给他一个单独的class，再写样式
