Question

我在CSS中制作了一些非常大的容器类。我的一个div使用这个容器类，但是我想从10px更改填充;到0px;。我不想为此创建一个全新的类。最有效的方法是什么？

我在html中的div的一个例子

<LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_alignParentBottom="true"
                    android:background="@drawable/gradient_transparent"
                    android:orientation="vertical"
                    android:padding="@dimen/spacing_middle">
</LinearLayout>

我的容器类

的一个例子

<div class="my-container">
</div>

我想要的一个例子，而不创建一个新类

.my-container
{
   lots of fields...
   padding:10px;
}

Answer 1

你可以添加一个新的类继承.my-container，如下所示：

.my-container{
   border: 1px solid blue;
   background: red;
   margin: 10px 0;
   padding:10px;
}
.my-container.no-padding{
   padding:0px;
}

<div class="my-container">my-container
</div>
<div class="my-container">my-container
</div>
<div class="my-container no-padding">my-no-padding-container
</div>
<div class="my-container">my-container
</div>

更改CSS类的一部分

1 个答案: