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

Question

明天我要参加考试，我正在努力理解

的含义和答案

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

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

a. Selector grouping example 

   td, th, li { property: value; }

b. Contextual Selector example 

   table p { property: value; }   

任何人都可以请给我一些更多信息选择器分组和上下文选择器的含义以及更多的例子。

Answer 1

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

代表

a. Selector grouping example 

   td, th, li { property: value; }

上面说的是你想要为同一个属性拥有相同的值 所有td，th和li

b. Contextual Selector example 

   table p { property: value; } 

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

所以每当<p>中有<table>时，它就会受到影响。

Answer 2

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

上下文选择器：检查html树中类的上下文，通过特定路径为该元素指定样式，同时考虑树中深度的顺序。