WP_Theme_JSON::scope_selector() │ protected static │ WP 5.9.0

Function that scopes a selector with another one. This works a bit like SCSS nesting except the & operator isn't supported.

$scope = '.a, .b .c';
$selector = '> .x, .y';
$merged = scope_selector( $scope, $selector );
// $merged is '.a > .x, .a .y, .b .c > .x, .b .c .y'

{} It's a method of the class: WP_Theme_JSON{}

No Hooks.

Return

String. Scoped selector.

Usage

$result = WP_Theme_JSON::scope_selector( $scope, $selector );

$scope(string) (required)

Selector to scope to.

$selector(string) (required)

Original selector.

Changelog

Code of WP_Theme_JSON::scope_selector() WP Theme JSON::scope selector ^{WP 6.0}

protected static function scope_selector( $scope, $selector ) {
	$scopes    = explode( ',', $scope );
	$selectors = explode( ',', $selector );

	$selectors_scoped = array();
	foreach ( $scopes as $outer ) {
		foreach ( $selectors as $inner ) {
			$selectors_scoped[] = trim( $outer ) . ' ' . trim( $inner );
		}
	}

	return implode( ', ', $selectors_scoped );
}