css - CSS 上的选择器分组和上下文选择器示例

Question

我明天要去考试，我试图理解的含义和答案

选择器分组和上下文选择器

虽然我在谷歌周围搜索了很多来源，但它开始让我感到困惑，因为当我在之前的测试中回答这个问题时，当我使用从互联网上找到的答案时，我得到了错误的答案，但下面的答案是来自我们的教授。

a. Selector grouping example 

   td, th, li { property: value; }

b. Contextual Selector example 

   table p { property: value; }

任何人都可以给我更多信息，请提供更多示例，选择器分组和上下文选择器是什么意思。

score 5 · Accepted Answer

基本上你看到的是以下内容。

为了

a. Selector grouping example 

   td, th, li { property: value; }

上面的意思是您希望所有 td、th 和 li 的相同属性具有相同的值

b. Contextual Selector example 

   table p { property: value; }

这个是说你想为<p>属于<table>标签的标签设置值

因此，只要您有 a <p>in a <table>，它就会生效。

score 1 · Accepted Answer

选择器分组：对应用样式的元素类型进行分组。

Contextual Selector：检查类在html树中的上下文，通过特定的路由将样式分配给元素，同时考虑到树中的深度顺序。

2 回答 2