Ürünün niteliklerini CSS ile WooCommerce/WordPress'de hedefleme

Question

WooCommerce çalıştıran bir WordPress yüklemesinde sunulan bir ürünün belirli niteliklerini hedeflemeye çalışıyorum. Özellikle ürün fiyatını & ürün-alt toplamını hedeflemeye çalışıyorum.

Ürün kimliğine "postid-1539" olduğuna inandığım şeyi buldum ve ".product-price" & ".product-subtotal" seçeneğini seçmem gerek. Ancak, belirli bir ürünün özelliklerini farklı şekilde gösterecek şekilde ayarlayamıyorum.

Bunu, & filtre kancalarıyla uğraşmalı mıyım? CSS'nin en basit yol olacağını düşündüm. Doğru ve OLMAYAN ÇALIŞMA kodunda

Benim bu

.postid-1539 .Ürün-fiyat gibi görünüyor {display; none:}

halp. : P

Answer 1

Bir öğeyi, selecting şeklini değiştirmek için bir öğeyi ifade eden targeting ile belirtin. .shop_table .product-price senin örnekte, [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; 
} 

böyle space ile bir üst elemanı içindeki çocuk elemanı seçebilir unutmayın: Sana bu çözüm verebilir. .shop_table'un üst öğenin sınıfı olduğu ve .product-price'un çocuk öğesi olduğu yer. Bu yüzden onları sınıflarına göre space ile seçtik. .input-text sınıfıyla sadece input unsurları değişecek ancak diğer sınıfları ile diğer input unsurları etkilemez input.input-text: sınıfa .input-text ile input elemanı seçmek için Ama

, böyle hem bitiştirmek gerekir.

CSS Seçicileri hakkında daha fazla bilgi almak için this bağlantısını ziyaret edin.