CSS * 选择器
完整CSS选择器参考手册
定义和用法
* 选择器选择所有元素。
* 选择器匹配文档中的每个元素,包括html和body元素。
* 选择器可用于为另一个元素内的所有元素添加样式。
div *
实例
实例 1
选择所有元素,并设置其背景色:
{
background-color:yellow;
}
实例 2
选择<div>元素内的所有元素:
{
background-color:yellow;
}
浏览器支持
所有主流浏览器都支持*选择器。
完整CSS选择器参考手册
CSS 选择器的优先级从高到低可以分为四类:内联样式、ID 选择器、类选择器、标签选择器。
内联样式的优先级最高,它是直接写在 HTML 标签中的 CSS 样式,例如:
<div style="color:red;">Hello World!</div>
ID 选择器的优先级次之,它是使用 id 属性来定义的 CSS 样式,例如:
#myDiv { color: red; }
类选择器的优先级再次之,它是使用 class 属性来定义的 CSS 样式,例如:
.myClass { color: red; }
最后是标签选择器的优先级最低,它是使用 HTML 标签来定义的 CSS 样式,例如:
div { color: red; }
完整CSS选择器参考手册
* 选择器选择所有元素。
* 选择器匹配文档中的每个元素,包括html和body元素。
* 选择器可用于为另一个元素内的所有元素添加样式。
div *
选择所有元素,并设置其背景色:
选择<div>元素内的所有元素:
所有主流浏览器都支持*选择器。
完整CSS选择器参考手册
CSS 参考手册实例以反方向显示 div 框的子元素:div{width:350px;height:100px;border:1px solid black;display:-moz-box;-moz-b...
CSS3 box-orient 属性实例指定div元素的子元素横向排列:div{width:350px;height:100px;border:1px solid black;display:-moz-bo...
CSS clear 属性实例指定段落的左侧或右侧不允许浮动的元素:img{float:left;}p.clear{clear:both;}本页底部查看更多实例。属性定...
CSS flex-grow 属性 CSS 参考手册实例让第二个元素的宽度为其他元素的三倍:div:nth-of-type(1) {flex-grow: 1;}div:nth-of-type...
CSS min-height 属性实例设置段落的最低高度:p{min-height:100px;}属性定义及使用说明min-height 属性设置元素的最低高度。注意...