CSS不适用于折线图

Question

我正在尝试隐藏行图上的轴。就像这个问题Hide dc.js chart x-axis。但是无论我做什么，我都无法修改样式。

当我尝试使用 #your-row-chart svg g g.axis.x { display: none; }，但不适用于我的图表。

这是我的CSS
div.dc-chart.sampleId.scrolled-row-chart svg g g.axis { display: none; } 不知道我的错误是什么。直到div.dc-chart.sampleId.scrolled-row-chart可以修改行图的样式，它才能正常工作。

以下是预期结果。我通过在Chrome上手动编辑CSS来删除样式。我什至将HTML选择器复制到css中，以确保指向正确的元素，但是仍然无法正常工作。

Answer 1

为重复的问题发布答案的道歉。我知道这违反了网站规则，但我认为它可以帮助人们进行Google搜索，因此，我正在努力与“我找到了答案但对我不起作用”的FUD进行对抗。

正如其他人所评论的那样，没有运行示例很难进行测试。所以我从the basic row chart example开始。

我尝试添加CSS

.dc-chart#test svg g g.axis { display: none; }

，效果很好。也许您的CSS选择器太具体了！

我也尝试过

chart.margins({left: 0, top: 0, right: 0, bottom: 0});

这也有效！

没有轴的屏幕截图，只是为了使我悲伤的重复答案更加有趣：

Answer 2

您是否尝试直接编辑SVG？如果不可能，请检查您的样式是否在您要覆盖的样式（http://qnimate.com/dive-into-css-specificity/）的上一层

Answer 3

尝试在CSS中添加:: ng-deep前缀