1. Baidu in search results:
These are unique CSS3 selectors, E> F E element indicating the selection of all sub- F elements, the difference is that with the EF, EF select all descendant elements> select only generation.
2. Example:
<html>
<head>
<style>
.level1{
background-color: #eeeeee;
}
.level1 > a {
position: relative;
display: block;
padding: 10px 15px;
}
.level3 {
background-color: #dddddd;
}
.level3 a {
position: relative;
display: block;
padding: 10px 15px;
}
</style>
</head>
<body>
<div class='level1'>
<a>A</a>
<a>B</a>
<a>C</a>
<div class='level2'>
<a>D</a>
<a>E</a>
<a>F</a>
</div>
</div>
<div class='level3'>
<a>A</a>
<a>B</a>
<a>C</a>
<div class='level4'>
<a>D</a>
<a>E</a>
<a>F</a>
</div>
</div>
</body>
</html>
3. Run results