为div覆盖CSS类的某些属性

Question

我有一个div，我向其应用css类。现在在css类中，heigh被标为x px，但我希望我的div为y px。如何在不更改CSS的情况下覆盖CSS的高参数。

Answer 1

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

The browser assigns the styles with the highest specificity to the elements. As you can read here 'style' has the highest specificity.

You can override specificity by using the !important declaration .

Answer 2

There are several ways to override the value of a CSS attribute defined in a class.

This is really a huge topic, though -- so if you really want to understand this stuff, start here with a tutorial on CSS Specificity.

Answer 3

使用内联css与！important标签

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

Answer 4

您需要更改CSS才能覆盖它-使用级联为其赋予新值，或添加优先于外部样式声明的内联style属性（请注意!important ）。

Answer 5

CSS declarations cascade . Meaning you can attach additional rules to other CSS classes and assign both to an element:

<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>