html - 如何使css代码应用于某个div而不是整个元素div的

Question

我正在研究 angularjs 和 bootstrap 应用程序。我正在使用下面的 css 代码将背景设为白色，但问题是 css 代码正在影响整个元素。我想修改下面的 css 代码，使其只影响我的 div。

CSS 代码:

<style>
svg g:first-of-type rect{
   fill-opacity: 0;
 }
svg g: first-of-type path{
   stroke: #e6e6e6;
}
..

html代码:

<div id="div12ID">

<div class="row">
 ..
</div>
</div>

我的应用程序中有很多 div，我希望上面显示的 css 代码仅对上面显示的 html 代码有效。我尝试在 css 代码 (#div12ID svg g:first-of-type rect{ .. } ) 前面添加 ID，但它没有按预期工作。

Answer 1

您需要在您的 css 中将您的样式命名为“.row”，然后在您要使用它的 div 标记中添加类作为行。另外，您还可以对特定的 div 进行内联样式设置。例如:-

<div style="width:200px;background:#F9EECF;border:1px dotted black;text-align:center">

一般内容...