html - Css 选择 Canvas 嵌套元素

Question

我

我想为样式目的选择 Canvas 元素，但我可以完成它，这是因为它是在飞行中生成的，而 css 在生成后不会看到它吗？

我试过“复制选择”

#drawing > div > div > canvas

但它也不起作用，我能够添加样式的唯一方法是使用开发人员工具..

#drawing  div  canvas {
  border: 10px solid #22cc37;
  padding: 100px;
}


div.ng2-pdf-viewer-container > div > canvas {
  padding: 100px;
  border: 10px solid #22cc37;

}

drawing > pdf-viewer > div > div > canvas {
  border: 10px solid #22cc37;
}

.drawing .ng2-pdf-viewer-container{
  border: 10px solid #22cc37;
}

drawing pdf-viewer div div canvas {
  border: 10px solid #22cc37;
}

.drawing .pdf-viewer div div canvas {
  border: 10px solid #22cc37;
}

这是我的 css 文件，这些似乎都不起作用..

Answer 1

Check this page out ，您没有正确使用选择器:

The element>element selector is used to select elements with a specific parent.

Note: Elements that are not directly a child of the specified parent, are not selected.

因此，请尝试使用 drawing > pdf-viewer > div > div > canvas。

编辑 1: 现在您已经添加了 CSS 文件，如果您想要选择标签名称为 drawing 的元素，那么您不需要添加前缀该标记名称带有 . 或 #(前者用于选择具有特定类名的元素，后者用于选择具有特定类名的元素ID)。

另外，试试这个，看看它是否有效:

drawing  div  canvas {
  border: 10px solid #22cc37 !important;
  padding: 100px !important;
}

当我尝试上面的示例时会出现这种情况(即使没有 !important，所以如果它对您不起作用，问题不在于您的 CSS，您可能正在覆盖样式代码中的其他地方):