• 密码登录
  • 手机登录
社交账号登录
阅读( ) 收藏( ) 加载中~ 我要纠错

CSS element,element 选择器

定义和用法

用于选取第一个指定的元素之后(不是内部)紧跟的元素。

要使用相同的样式样式化多个元素,我们可以使用逗号分隔每个元素名称。这样,我们将选择器分组在一起,并对它们进行同样的样式

element,element称为组选择器。

例如,在样式表中,通常有具有相同样式的元素。

h1{color:green;}
h2{color:green;}
p{color:green;}

我们可以分组选择器。用逗号分隔每个选择器。

h1,h2,p{
   color:green;
}

CSS element element 选择器

定义和用法

element element 称为嵌套选择器或后代选择器。它用于选择元素内部的元素。

我们可以使用后代选择器来根据它的状态选择一个元素作为另一个元素的后代。

匹配的元素可以是祖先元素的孩子,孙子,曾孙等等。

例子:

body  h1  {font-size: 100%;}
table tr td div  ul li {color: red;}

CSS element>element 选择器

定义和用法

element>element 选择器为特定父元素的元素添加样式。

element1>element2也称为子选择器

此选择器将基于其状态的元素作为另一个元素的子元素。这比后代选择器更具限制性,因为只有一个孩子将被匹配。

注意: 元素没有被选中是不能直接指定父级的子元素。

例子:

div > p  {color: yellow;}
ul > li {font-weight: bold;}

CSS element+element 选择器

定义和用法

element+element选择器用于选择(不是内部)指定的第一个元素之后紧跟的元素。

element+element也称为相邻同级选择器。

此选择器选择作为另一个元素的以下相邻兄弟的元素。两个元素之间的任何文本都将被忽略;仅考虑元素及其在文档树中的位置。

例子:

table + p  {margin-top:  2em;}
h1  + *  {margin-top: 0;}

CSS3 element1~element2 选择器

定义和用法

element1〜element2选择器选择前面有element1的element2。

element1 和 element2 这两个元素必须具有相同的父元素。element2不必紧跟在element1之前。


×