為div覆蓋CSS類的某些屬性

Question

我有一個div，我向其應用css類。現在在css類中，heigh被標為x px，但我希望我的div為y px。如何在不更改CSS的情況下覆蓋CSS的高參數。

Answer 1

<div style="height: 80px"></div>

瀏覽器為元素分配具有最高特異性的樣式。 如您所讀， “風格”具有最高的特異性。

您可以使用！important聲明覆蓋特定性 。

Answer 2

有幾種方法可以覆蓋類中定義的CSS屬性的值。

但是，這確實是一個巨大的話題-因此，如果您真的想了解這些內容，請從 CSS特異性教程開始 。

Answer 3

使用內聯css與！important標簽

<div class="yourclass" style="height:ypx!important">

Answer 4

您需要更改CSS才能覆蓋它-使用級聯為其賦予新值，或添加優先於外部樣式聲明的內聯style屬性（請注意!important ）。

Answer 5

CSS聲明級聯 。 這意味着您可以將其他規則附加到其他CSS類，並將兩者都分配給一個元素：

<style type="text/css">
.style1 {
  color: red;
  height: 100px;
}
.style1.style2 {
  height: 200px;
}
</style>

<!-- This DIV will have a height of 200px and red foreground color -->
<div class="style1 style2"></div>