css样式中的大于号的含义

>表示子元素选择器，用于选择指定标签元素的第一代子元素。如选择items类下的li，这里的只有 color 和方向变了颜色。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> li{color:#000000;} .items>li{color: #bdffa0;} </style> <body> <ul class="items"> <li>color <ul> <li>red</li> <li>blue</li> </ul> </li> <li>方向 <ul> <li>左右</li> <li>上下</li> </ul> </li> </ul> </body> </html>需要注意的是子代选择器只选择第一代元素，而后代选择器是选择所有后代元素。如把.items>li{}改成.items li{}就会发现所有的li都变色了。（注：空格是后代选择器）总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

css样式中的大于号的含义

2回答