我有一个多语言网站,英语(默认)和阿拉伯语,还有一个家长主题和一个孩子主题。
现在,我想按以下顺序加载CSS:
英语:家长式。css然后是子样式。阿拉伯语css:父样式。css然后是子样式。css然后是父RTL。css然后是子RTL。css,因为我总是希望子css在父css上占主导地位,也希望RTL在RTL模式下占主导地位。
我添加了以下代码:
<?php
add_action( \'wp_enqueue_scripts\', \'theme__child_enqueue_styles\' );
function theme__child_enqueue_styles() {
wp_enqueue_style( \'theme-style\', get_template_directory_uri() . \'/style.css\' );
wp_enqueue_style( \'theme-child-style\', get_stylesheet_uri() );
}
function load_parent_rtl_css() {
wp_enqueue_style( \'parent_rtl\', trailingslashit( get_template_directory_uri() ) . \'rtl.css\' );
wp_enqueue_style( \'child-rtl\', get_stylesheet_uri() );
}
if ( is_rtl() ):
add_action( \'wp_enqueue_scripts\', \'load_parent_rtl_css\', 10 );
endif;
?>
但不幸的是,有些家长风格。css代码正在覆盖父rtl。css。正确的方法是什么?