空CSS块更改以下块是否有效

Question

我有一些SVG元素（由D3.js创建），所有这些都是这样的：

<g class="node" transform="translate(603.2054634069441,267.3749562331156)">
  <circle r="20" style="fill: rgb(31, 119, 180);"></circle
  <title>Test</title>
</g>

我有一些CSS来设计它们：

g.node {
}

.node {
    stroke: #000;
    stroke-width: 1px;
    pointer: default;
}

在这里它变得奇怪：如果我删除空的g.node CSS组件，下面的块不再将其样式应用于上面的HTML元素......当我替换空选择器时，风格再次适用。

咦？为什么呢？