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

通用内容......