Fatal编程技术网
  • php/
  • Php 针对特定WooCommerce产品页面上的特定div定制css

Php 针对特定WooCommerce产品页面上的特定div定制css

php css wordpress woocommerce

Php 针对特定WooCommerce产品页面上的特定div定制css,php,css,wordpress,woocommerce,product,Php,Css,Wordpress,Woocommerce,Product,我正在使用Wordpress和WooCommerce为我的客户建立一个网站。对于每个产品页面，我都设置了两组链接（按钮、辅助菜单），允许用户访问其他产品类别页面。我希望当用户在某个产品页面上时，某些链接会自动显示为特定的颜色和重量（如活动状态，但无需首先单击链接，我猜类似于面包屑，以显示用户在查看的产品所属的类别方面的位置） 我一直试图针对特定链接的post id和div进行css更改，但它不起作用。我真的很感激任何帮助 以下是我用来定位特定二级菜单链接的css： #menu-item-1886

我正在使用Wordpress和WooCommerce为我的客户建立一个网站。对于每个产品页面，我都设置了两组链接（按钮、辅助菜单），允许用户访问其他产品类别页面。我希望当用户在某个产品页面上时，某些链接会自动显示为特定的颜色和重量（如活动状态，但无需首先单击链接，我猜类似于面包屑，以显示用户在查看的产品所属的类别方面的位置）

我一直试图针对特定链接的post id和div进行css更改，但它不起作用。我真的很感激任何帮助

以下是我用来定位特定二级菜单链接的css：

#menu-item-1886 > a {
color: #003b59 !important;   
font-weight: 600;
}

这是可行的，但它在所有页面上都对该菜单项进行了更改。我希望它只出现在特定的产品页面上

我也试过这个，但也没用：

.body.post-id-766 #menu-item-1886 > a {
color: #003b59 !important;   
font-weight: 600;
}

该网站位于

再次感谢您的帮助！提前谢谢

您可以使用
body\u class
WordPress过滤器钩子添加条件标记，并在需要的地方选择一些附加类，如本例所示：

add_filter( 'body_class', 'adding_some_custom_body_classes' );
function adding_some_custom_body_classes( $classes ) {
    if ( is_product() ) {
        $classes[] = 'product-single-pages';
    } elseif( is_product() && is_single( array( 17, 19, 1, 11 ) )  {
        $classes[] = 'product-single-pages-2';
    }
    return $classes;
}
代码位于活动子主题（或主题）的function.php文件或任何插件文件中

此代码经过测试并正常工作

因此，您将能够在CSS规则中使用该类选择器，如（假示例）：

body.product-single-pages#menu-item-1886>a，
body.product-single-pages2#menu-item-1886>a{font-weight:600；}
body.product-single-pages#menu-item-1886>a{color:green！重要；}
body.product-single-pages2#menu-item-1886>a{颜色：红色！重要；}
在body类中还可以插入一些特定的类，如本html示例中所示：

 <body class="product-template-default single single-product postid-19 logged-in woocommerce woocommerce-page right-sidebar woocommerce-active customize-support">
对条件标记的引用：

我想要定位的站点上的页面是单独的产品页面，例如此页面（）这对目标主体不起作用：“.body.post-id-766#menu-item-1886>a“this will”body.post-id-766#menu-item-1886>a“注意到“.body”vs“body”？这就是你的问题。：）谢谢你的设计，我试过了，但还是不影响链接。有可能我需要在css中包含一个父div吗？嘿，我接受了你的更正，将“post id”改为“post id”，它成功了！万分感谢！感谢您的帮助，此解决方案非常有效！