被后代css困惑,里面有一行字

Puzzled by descendant css with word line in it

我正在尝试理解以下内容 CSS。

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

li a {
  text-decoration: none;
}

表示:select 锚标记,如果它们在列表项内。

但是下面的 CSS 是做什么的呢? .axis 是一个 class 名字,但是 line 是什么?

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

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

使用的格式

pathline 可能指的是 SVG 标记。因为它也使用 fillstroke.

来自 MDN

Line

The line element is an SVG basic shape, used to create a line connecting two points.

Path

The path element is the generic element to define a shape. All the basic shapes can be created with a path element.