0

たとえば、異なるコンテキストで異なるルールを持つ要素がいくつかありますが、一部のルールは同じです。

それらのために 1 つのクラスを定義し、それを別のコンテキストで拡張しても問題ありませんか?

.read-more {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    text-decoration: none;
    color: blue;
    margin-left: 5px;
}
#one .read-more {
    background: yellow;
}
#two .read-more {
    background: #ff9e13;
}
4

1 に答える 1

1

さまざまなニーズに合わせてクラスを拡張できます。

オーバーライドされていない属性は、元のクラスから取得されることに注意してください。

例：

.read-more {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    text-decoration: none;
    color: blue;
    margin-left: 5px;
    border: 1px solid red;
    background-image: url('img.png');
}
#one .read-more {
    background: yellow;
    border: 2px solid green;
}

justread-moreを持つすべての要素には赤い境界線が付きますが、idoneと classread-moreを持つ要素には緑の境界線があります。

また、属性は基本クラスbackgroundの属性を削除することに注意してください。background-imageしたがって、idoneと classread-moreを持つ要素には画像がありません。

于 2013-02-23T18:14:52.980 に答える