由后代css困惑的字线在其中

Question

我正在尝试理解下面的CSS。

我知道这是后代选择器的一种形式。所以我很容易理解

li a {
  text-decoration: none;
}

表示：如果它们位于列表项内，则选择锚标记。

但是下面的CSS做了什么？ .axis是一个类名，但line是什么？

.axis path,
.axis line {
   fill: none;
   stroke: grey;
 }

Answer 1

这是用于具有不同标签集的SVG的CSS。 SVG用于绘制矢量图形并使用类似XML的格式，如HTML所使用的格式。

Answer 2

来自MDN的

Line

  

线元素是SVG基本形状，用于创建连接两个点的线。

Path

  

path元素是定义形状的通用元素。可以使用path元素创建所有基本形状。

Answer 3

C.grad_foo + C.grad_bar + C.grad_baz 和path可能是指SVG标记。因为它也使用line和fill。