Css选择画布嵌套元素

Question

I

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

我尝试了复制选择＆＃39;

#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，您没有正确使用选择器：

  

POST选择器用于选择具有特定父级的元素。

     

注意：未选择不直接为指定父级子级的元素。

因此，请尝试element>element。

编辑1：现在您已添加了CSS文件，如果要选择标记名为drawing > pdf-viewer > div > div > canvas的元素，则无需为该标记添加前缀 - 名称带有drawing或.（前者用于选择具有特定类名的元素，后者用于选择具有特定ID的元素）。

另外，试一试，看看它是否有效：

#

上面的例子在我尝试时会产生这种情况（即使没有drawing div canvas { border: 10px solid #22cc37 !important; padding: 100px !important; } s，所以如果它不适合你，问题不在于你的CSS，你可能会覆盖你的其他地方的样式代码）：

Answer 2

删除>应该解决它，因为那时你基本上说它不能是直接的孩子，但它可能会跳过一些孩子。