84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
除了覆盖 style 属性设置的样式之外,!important 仅当样式表中的选择器与 特异性。
style
!important
但是,即使您的特异性存在冲突,最好为异常创建更具体的选择器。对于您的情况,最好在 HTML 中包含一个 class,您可以使用它来创建不需要 !important 规则的更具体的选择器。
class
td.a-semantic-class-name { height: 100px; }
我个人从未在样式表中使用!important。请记住,CSS 中的 C 表示级联。使用 !important 会打破这个。
一些具有更高特异性的示例(第一个是最高/覆盖,第三个是最低):
table td {height: 50px !important;} .myTable td {height: 50px !important;} #myTable td {height: 50px !important;}
或者在现有选择器之后添加相同的选择器:
td {height: 50px !important;}
使用!important几乎从来都不是一个好主意。这是 WordPress 模板创建者的糟糕工程。它以病毒式传播的方式强制模板的用户添加自己的 !important 修饰符来覆盖它,并限制通过 JavaScript 覆盖它的选项。
但是,如果有时需要的话,了解如何覆盖它会很有用。
除了覆盖
style
属性设置的样式之外,!important
仅当样式表中的选择器与 特异性。但是,即使您的特异性存在冲突,最好为异常创建更具体的选择器。对于您的情况,最好在 HTML 中包含一个
class
,您可以使用它来创建不需要!important
规则的更具体的选择器。我个人从未在样式表中使用
!important
。请记住,CSS 中的 C 表示级联。使用!important
会打破这个。覆盖 !important 修饰符
!important
添加另一个 CSS 规则,并为选择器提供更高的特异性(向选择器添加额外的标签、id 或类)一些具有更高特异性的示例(第一个是最高/覆盖,第三个是最低):
或者在现有选择器之后添加相同的选择器:
免责声明:
使用
!important
几乎从来都不是一个好主意。这是 WordPress 模板创建者的糟糕工程。它以病毒式传播的方式强制模板的用户添加自己的!important
修饰符来覆盖它,并限制通过 JavaScript 覆盖它的选项。但是,如果有时需要的话,了解如何覆盖它会很有用。