将 CSS 规则应用于 woocommerce 产品后端页面答案

【问题标题】：Apply CSS Rule to woocommerce Product BACKEND page将 CSS 规则应用于 woocommerce 产品后端页面
【发布时间】：2020-07-09 22:12:29
【问题描述】：

我们尝试将某个 css 规则应用于产品后端页面而不是前端页面。

但是有两种类型的页面，一种是单击创建产品时，另一种是单击编辑产品时。

我们需要将 css 规则应用于这两个页面。

我们通过以下解决方案在后端单击添加产品时确定部分url得到了一半的答案：

add_action( 'init', 'bbloomer_apply_css_if_url_contains_string' );

function bbloomer_apply_css_if_url_contains_string() {

$url = $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];

    if(false !== strpos( $url, 'post_type=product' )){
    echo '<style type="text/css">
         #ovaem_sectionid { display: none !important }
         </style>';
} 

}

我们希望如果有类似 (is_Product) 的东西，但后端可以用于添加新产品或编辑现有产品页面以应用此 css 时。

【问题讨论】：

包含“post-type-product”。你不能用它作为第一个选择器吗？后端的其他页面（订单等）没有该类
@7uc1f3r 对不起，我没有得到您的建议，您可以直接修改我们的代码以使用 body 类 post-type-product 吗？因为我们无法用 url 匹配部分替换它
我不是指你已经使用过的代码，而是通过将 CSS 应用到 body 类作为第一个元素

标签： php css wordpress woocommerce

【解决方案1】：

<body> 包含.post-type-product 类，将其用作第一个选择器

function my_custom_css() {
    echo '<style>
        .post-type-product #ovaem_sectionid {
            display: none !important;
        } 
    </style>';
}
add_action('admin_head', 'my_custom_css' );

【讨论】：

但这是否会使其适用于非帖子类型产品的其他帖子？因为我们在其他自定义帖子类型中具有相同的类#ovaem_sectionid，我们不需要隐藏..
其他帖子类型不包含 .post-type-product 类。 id 当然是一个非常具体的选择器，带有 id 的标签是否也包含一个类？否则最好使用 .post-type-product .class-name
我明白了，非常感谢您的回答和解释，我们已经对其进行了测试并且效果很好（Y）:)