如何使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">

通用内容...