regex - 为 Twitter Bootstrap 添加范围的正则表达式

Question

有谁知道正则表达式或其他方式如何用单个范围替换 Bootstrap css 类名称？我想将引导程序包含在 WordPres 管理区域中，但是存在一些类冲突。

.btn{ ....

应该变成：

.myscope .btn{ ....

有任何想法吗？-谢谢-

Answer 1

您可以创建第二个样式表——比如说，admin-bootstrap.css——然后使用admin_enqueue_scripts钩子仅在管理屏幕上加载它：

add_action( 'admin_enqueue_scripts', 'pjso_admin_bootstrap_styles' );
function pjso_admin_bootstrap_styles() {
    // remove the existing Bootstrap styles
    wp_dequeue_style( 'bootstrap' ); 
    // assuming that the Bootstrap styles have the handle 'bootstrap'
    $handle = 'bootstrap-admin';
    $src = '/path/to/your/stylesheet.css';
    $deps = array(

    );  // stylesheet dependencies go in the array
    // load up the Bootstrap Admin styles
    wp_enqueue_style( $handle, $src, $deps );
}

参考

• admin_enqueue_scripts钩
• wp_dequeue_style()
• wp_enqueue_style()