类文档

WP_Style_Engine_CSS_Declarations

💡 云策文档标注

概述

WP_Style_Engine_CSS_Declarations 是 WordPress 样式引擎中用于处理 CSS 声明的核心类。它负责存储、清理、处理和输出 CSS 属性与值对,支持链式方法调用。

关键要点

  • 类用于管理 CSS 声明数组,提供添加、移除、获取和过滤功能。
  • 支持链式方法调用,如 add_declaration() 返回对象以允许连续操作。
  • 包含 sanitize_property() 方法使用 sanitize_key() 清理属性名,确保安全性。
  • 通过 get_declarations_string() 方法可生成格式化或压缩的 CSS 字符串输出。
  • 自 WordPress 6.1.0 版本引入,是样式引擎的基础组件。

代码示例

// 创建对象并添加声明
$declarations = new WP_Style_Engine_CSS_Declarations();
$declarations->add_declaration( 'color', 'red' )->add_declaration( 'font-size', '16px' );

// 获取声明数组
$declarations_array = $declarations->get_declarations();

// 生成 CSS 字符串
$css_string = $declarations->get_declarations_string( true, 1 );

注意事项

  • 使用 add_declaration() 时,属性名会通过 sanitize_property() 自动清理,空属性或值会被忽略。
  • filter_declaration() 方法使用 wp_strip_all_tags() 和 safecss_filter_attr() 过滤值,确保输出安全。
  • 在调用 get_declarations_string() 时,可通过参数控制输出格式(如是否美化、缩进级别)。

📄 原文内容

Core class used for style engine CSS declarations.

Description

Holds, sanitizes, processes, and prints CSS declarations for the style engine.

Methods

Name Description
WP_Style_Engine_CSS_Declarations::__construct Constructor for this object.
WP_Style_Engine_CSS_Declarations::add_declaration Adds a single declaration.
WP_Style_Engine_CSS_Declarations::add_declarations Adds multiple declarations.
WP_Style_Engine_CSS_Declarations::filter_declaration Filters a CSS property + value pair.
WP_Style_Engine_CSS_Declarations::get_declarations Gets the declarations array.
WP_Style_Engine_CSS_Declarations::get_declarations_string Filters and compiles the CSS declarations.
WP_Style_Engine_CSS_Declarations::remove_declaration Removes a single declaration.
WP_Style_Engine_CSS_Declarations::remove_declarations Removes multiple declarations.
WP_Style_Engine_CSS_Declarations::sanitize_property Sanitizes property names.

Source

class WP_Style_Engine_CSS_Declarations {

	/**
	 * An array of CSS declarations (property => value pairs).
	 *
	 * @since 6.1.0
	 *
	 * @var string[]
	 */
	protected $declarations = array();

	/**
	 * Constructor for this object.
	 *
	 * If a `$declarations` array is passed, it will be used to populate
	 * the initial `$declarations` prop of the object by calling add_declarations().
	 *
	 * @since 6.1.0
	 *
	 * @param string[] $declarations Optional. An associative array of CSS definitions,
	 *                               e.g. `array( "$property" => "$value", "$property" => "$value" )`.
	 *                               Default empty array.
	 */
	public function __construct( $declarations = array() ) {
		$this->add_declarations( $declarations );
	}

	/**
	 * Adds a single declaration.
	 *
	 * @since 6.1.0
	 *
	 * @param string $property The CSS property.
	 * @param string $value    The CSS value.
	 * @return WP_Style_Engine_CSS_Declarations Returns the object to allow chaining methods.
	 */
	public function add_declaration( $property, $value ) {
		// Sanitizes the property.
		$property = $this->sanitize_property( $property );
		// Bails early if the property is empty.
		if ( empty( $property ) ) {
			return $this;
		}

		// Trims the value. If empty, bail early.
		$value = trim( $value );
		if ( '' === $value ) {
			return $this;
		}

		// Adds the declaration property/value pair.
		$this->declarations[ $property ] = $value;

		return $this;
	}

	/**
	 * Removes a single declaration.
	 *
	 * @since 6.1.0
	 *
	 * @param string $property The CSS property.
	 * @return WP_Style_Engine_CSS_Declarations Returns the object to allow chaining methods.
	 */
	public function remove_declaration( $property ) {
		unset( $this->declarations[ $property ] );
		return $this;
	}

	/**
	 * Adds multiple declarations.
	 *
	 * @since 6.1.0
	 *
	 * @param string[] $declarations An array of declarations.
	 * @return WP_Style_Engine_CSS_Declarations Returns the object to allow chaining methods.
	 */
	public function add_declarations( $declarations ) {
		foreach ( $declarations as $property => $value ) {
			$this->add_declaration( $property, $value );
		}
		return $this;
	}

	/**
	 * Removes multiple declarations.
	 *
	 * @since 6.1.0
	 *
	 * @param string[] $properties Optional. An array of properties. Default empty array.
	 * @return WP_Style_Engine_CSS_Declarations Returns the object to allow chaining methods.
	 */
	public function remove_declarations( $properties = array() ) {
		foreach ( $properties as $property ) {
			$this->remove_declaration( $property );
		}
		return $this;
	}

	/**
	 * Gets the declarations array.
	 *
	 * @since 6.1.0
	 *
	 * @return string[] The declarations array.
	 */
	public function get_declarations() {
		return $this->declarations;
	}

	/**
	 * Filters a CSS property + value pair.
	 *
	 * @since 6.1.0
	 *
	 * @param string $property The CSS property.
	 * @param string $value    The value to be filtered.
	 * @param string $spacer   Optional. The spacer between the colon and the value.
	 *                         Default empty string.
	 * @return string The filtered declaration or an empty string.
	 */
	protected static function filter_declaration( $property, $value, $spacer = '' ) {
		$filtered_value = wp_strip_all_tags( $value, true );
		if ( '' !== $filtered_value ) {
			return safecss_filter_attr( "{$property}:{$spacer}{$filtered_value}" );
		}
		return '';
	}

	/**
	 * Filters and compiles the CSS declarations.
	 *
	 * @since 6.1.0
	 *
	 * @param bool $should_prettify Optional. Whether to add spacing, new lines and indents.
	 *                              Default false.
	 * @param int  $indent_count    Optional. The number of tab indents to apply to the rule.
	 *                              Applies if `prettify` is `true`. Default 0.
	 * @return string The CSS declarations.
	 */
	public function get_declarations_string( $should_prettify = false, $indent_count = 0 ) {
		$declarations_array  = $this->get_declarations();
		$declarations_output = '';
		$indent              = $should_prettify ? str_repeat( "t", $indent_count ) : '';
		$suffix              = $should_prettify ? ' ' : '';
		$suffix              = $should_prettify && $indent_count > 0 ? "n" : $suffix;
		$spacer              = $should_prettify ? ' ' : '';

		foreach ( $declarations_array as $property => $value ) {
			$filtered_declaration = static::filter_declaration( $property, $value, $spacer );
			if ( $filtered_declaration ) {
				$declarations_output .= "{$indent}{$filtered_declaration};$suffix";
			}
		}

		return rtrim( $declarations_output );
	}

	/**
	 * Sanitizes property names.
	 *
	 * @since 6.1.0
	 *
	 * @param string $property The CSS property.
	 * @return string The sanitized property name.
	 */
	protected function sanitize_property( $property ) {
		return sanitize_key( $property );
	}
}

Changelog

Version Description
6.1.0 Introduced.