Question

是否可以使整个.class CSS选择器变得重要？我正在考虑这种结构：

.custom-selector !important {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

我不知道是否可能。

Answer 1

不，这是不可能的。 !important被认为是最后的工具，因此应该谨慎使用。 function wc_product_class( $class, $product_type, $post_type ) { if( 'my_custom_post_type_slug' == $post_type ) $class = 'WC_Product_Simple'; return $class; } add_filter( 'woocommerce_product_class', 'wc_product_class', 10, 3); //This will echo the carti item id echo WC()->cart->add_to_cart($custom_post_type_id, $quantity, null, null, array());整个选择者会讽刺这个想法。

Answer 2

首先关闭！important适用于CSS规则中的一个特定声明。它不适用于班级。所以，“不”你不能上课！重要。

第二关，！重要只是CSS特异性的一部分。您还可以使用其他方法使规则成为具有优先权的更具体的规则（例如在父链中引用id而不仅仅是类。当我编写CSS时，使用！important是我最后一个可能的选择 - 我宁愿用其他特殊解决方案来解决覆盖。通常，如果你控制所有的CSS，这很容易避免使用！important。如果你必须覆盖一些你无法控制的CSS，那么有时它是方便。

查看this question here了解详情。因为它更好地解释了事情。

Make！important整个.class选择器

2 个答案: