CSS 选择器参考手册
实例
指定属于父元素的特定类型的唯一子元素的每个 p 元素:
p:only-of-type
{
background:#ff0000;
}
亲自试一试
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流浏览器均支持 :only-of-type 选择器,除了 IE8 及更早的版本。
定义和用法
:only-of-type 选择器匹配属于其父元素的特定类型的唯一子元素的每个元素。
CSS 选择器参考手册
CSS3 not选择器是CSS3中新增的一种选择器,它可以用来排除特定的元素。它可以帮助我们快速地找到页面中不包含特定元素的元素,而不必再使用复杂的选择器。
not选择器的语法是:selector:not(subselector),其中selector表示要匹配的元素,subselector表示要排除的元素。例如,我们可以使用not选择器来匹配所有class为“test”但id不为“test1”的div元素:
div:not(#test1.test)
此外,我们还可以使用not选择器来匹配所有class不为“test”但id为“test1”的div元素:
div:not(.test#test1)
此外,我们还可以使用not选择器来匹配所有class不为“test1”也不为“test2”但id为“test3”的div元素:
div:not(.test1,.test2#test3)
总之,CSS3 not选择器是一个强大而有效的工具,它可以帮助我们快速地找到特定页面中不包含特定元素的元素。因此,在开发Web应用时应该尽量使用这一工具来减少代码量并提升开发效率。
CSS 选择器参考手册
指定属于父元素的特定类型的唯一子元素的每个 p 元素:
p:only-of-type
{
background:#ff0000;
}
亲自试一试
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流浏览器均支持 :only-of-type 选择器,除了 IE8 及更早的版本。
:only-of-type 选择器匹配属于其父元素的特定类型的唯一子元素的每个元素。
CSS 选择器参考手册
CSS3 box-shadow 属性实例向 div 元素添加阴影:div{box-shadow: 10px 10px 5px #888888;}在本页底部查看更多实例。浏览器支持表...
CSS3 animation-fill-mode属性 CSS 参考手册实例把物体动画地从一个地方移动到另一个地方,并让它停留在那里:animation-fill-mo...
CSS [attribute] 选择器CSS 选择器参考手册实例为带有 target 属性的 a 元素设置样式:a[target]{ background-color:yellow;}亲...
实例改变字与字之间的间距使得每行对齐:div{ text-align:justify; text-justify:inter-word;}浏览器支持表格中的数字表示支持该...
CSS 颜色颜色是由红(RED),绿(GREEN),蓝(BLUE )光线的显示结合。颜色值CSS中定义颜色使用十六进制(hex)表示法为红,绿...