这个选项">" CSS(html)中是什么意思？

Question

我正在使用Codecademy学习HTML。

我刚才看到了这段代码，但我以前在学习时从未见过它

.color .swatch > div { flex-grow: 1; border-right: 10px solid #e6e6e6;}

">"选项是什么意思？以及该选项名称是什么？

Answer 1

它是"子选择器"(更多信息：https://css-tricks.com/child-and-sibling-selectors/(

它只选择直接子元素，而不是父级下的任何元素。

取自上面的链接：

ul li { margin: 0 0 5px 0; }
ul > li { margin: 0 0 5px 0; }

第一个将选择ul下的任何li，因此这将包括子列表。第二个选择li它们是ul的直接子级。