WooCommerce/WordPressのCSSで製品の属性を指定する

Question

WooCommerceを実行しているWordPressのインストールで提供されている製品の特定の属性を対象としています。具体的には、商品価格&の商品小計をターゲットに設定しようとしています。

プロダクトIDクラス "postid-1539"と思われるものを見つけました。私は ".product-price"を微調整するために必要な属性を見つけました。& "product-subtotal"。しかし、特定の製品の属性を個別に調整することはできません。

フックでこれに取り組んでください&フィルタ？私はCSSが最も簡単な方法だと思った。

HALP;正しいと非稼働コードで

私はこの

.postid-1539 .product価格{なし表示}のように見えます。 ：P

Answer 1

targetingとは、要素を意味すると、selectingのスタイルを変更する要素です。 .shop_table .product-priceであるあなたの例では、[parentTag/#parentId/.parentClass][SPACE][childrenTag/.childrenClass]：

.shop_table .product-price{ /* Font color of price is made green */ 
    color:Green; 
} 

.shop_table .quantity input.input-text{ /* Background color of quantity text box is made green */ 
    background:Green; 
    color:#FFFFFF; 
} 

は、あなたがこのようなspaceで親要素内の子要素を選択することができ、覚えておいてください：私はあなたにこのソリューションを与えることができます。ここで、.shop_tableは親要素のクラスであり、.product-priceは子要素です。そこで私たちはそのクラスで、spaceを間に入れて選択しました。

しかしクラス.input-textとinput要素を選択するために、あなたはこのように両方を連結する必要があります。input.input-text.input-textクラスでのみinput要素が変更されますが、他のクラスと他のinputの要素に影響を与えません。

CSSセレクタの知識を得るにはthisリンクをご覧ください。