下面是一个示例,展示了如何使用复合 CSS 选择器来创建一个简单的垂直导航栏:
nav > ul > li > a {
display: block;
padding: 10px;
text-decoration: none;
font-size: 16px;
color: #333;
nav > ul > li > a:hover {
background-color: #ddd;
在这个示例中,大家使用了三个选择器:
除了可以使用选择器之外,还可以使用一些其他的 CSS 技巧来实现复合选择器。例如,可以使用 CSS 类名来定义多个选择器,每个选择器具有不同的样式属性。还可以使用伪类选择器来定义复杂的样式效果,例如使用伪类选择器定义颜色、字体大小、边框宽度等。
总之,复合 CSS 选择器是一种非常有用的 CSS 语法,可以用于创建各种不同的样式效果。通过组合多个选择器,可以实现更加复杂的样式效果,同时也可以使代码更加简洁易懂。