CSS中的元素元素选择器用于选择元素内的元素, 即, 它将两个选择器组合在一起, 以便如果第二个选择器匹配的元素的祖先元素与第一个选择器匹配, 则选择它们。
语法如下：
element element {
// CSS Property
}范例1：
<!-- HTML code to illustrates space selector -->
<!DOCTYPE html>
< html >
< head >
< title >
element element Selector
</ title >
< style >
div p {
background-color: green;
color: white;
}
</ style >
</ head >
< body style = "text-align: center;" >
< h1 style = "color: green;" >
lsbin
</ h1 >
< div >
< h2 >element element Selector</ h2 >
<!-- CSS property is used here -->
< p >A computer science portal for geeks.</ p >
</ div >
< p >This paragraph will not be selected.</ p >
</ body >
</ html >输出如下：
范例2：
<!DOCTYPE html>
< html >
< head >
< title >
element element Selector
</ title >
< style >
li {
color: black;
}
li li {
color: white;
background: green;
}
</ style >
</ head >
< body style = "text-align: center;" >
< h1 style = "color: green;" >
lsbin
</ h1 >
< h2 >element element Selector</ h2 >
< ul >
< li >
< div >Searching Algo</ div >
< ul >
< li >Binary Search</ li >
< li >Linear Search</ li >
</ ul >
</ li >
< li >
< div >Sorting Algo</ div >
< ul >
< li >Bubble Sort</ li >
< li >Merge Sort</ li >
</ ul >
</ li >
</ ul >
</ body >
</ html >输出如下：
支持的浏览器：元素选择器支持的浏览器如下：
- 苹果Safari
- 谷歌浏览器
- 火狐浏览器
- 歌剧
- IE浏览器
