:target
:target{}
div:target{}
目标伪类选择器;选定当前锚点的目标元素
IE8-不支持
:first-child
span:first-child{}
div :first-child{}
匹配父元素中的第一个子元素(必须是标签,纯文本不算)
:last-child
p:last-child{}
div :last-child{}
匹配作为父元素中最后一个子元素出现的元素
:onlt-child
p:only-child{}
匹配作为父元素中唯一子元素出现的元素
:empty
div:empty{display:none;}
匹配没有子元素且没有任何文本内容的元素
:not(选1)
div:not(.strong){}
span:not([class=content])
否定选择器;匹配不被选贼器1选定的元素
::selection
::selection{}
匹配一段文字中被选择部分
说明: :xxx 伪类选择器 ::xxx伪元素选择器
内容生成选择器
XHTML规定:页面内容交给标签来处理;页面表现交给CSS来处理。
但CSS3有些“内容生产”选择器不单单可以呈现样式,还可以向页面中添加内容。
选择器1:before{
…
content:纯文本/图像/计数器;
}
选择器2:after{
…
content: 纯文本/图像/计数器;
}
content属性必须配合::before/:after选择器使用。
与内容多列显示相关的CSS样式
column-count:竖直方向上列的数量
column-gap:内容列与列间距
column-style:集合属性 width style color
注意浏览器的兼容性:
IE11直接使用上述属性
FF添加-moz-前缀
Chrome/Safari/Opera 添加-webkit-前缀
查看更多关于2015年10月22日CSS学习笔记_html/css_WEB-ITnose的详细内容...