Exmplain why !important is needed

WordPress · Sep 9, 2021 · 8c421cc · 8c421cc
1 parent 358c456
commit 8c421cc
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/lib/block-supports/duotone.php b/lib/block-supports/duotone.php
@@ -352,6 +352,8 @@ function gutenberg_render_duotone_support( $block_content, $block ) {
 	}
 	$selector = implode( ', ', $scoped );
 
+	// !important is needed because these styles render before global styles,
+	// and they should be overriding the duotone filters set by global styles.
 	$filter_style = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG
 		? $selector . " {\n\tfilter: " . $filter_property . " !important;\n}\n"
 		: $selector . '{filter:' . $filter_property . ' !important;}';