2015-09-08 332 views
-3

我有一個由電子商務軟件生成的菜單,我需要使主要類別大膽。CSS選擇器內部元素

我已經試過這兩個和其他的選擇,但我不能選擇正確的元素(那些用大寫字母「COLLECTION」和「類別」如圖片所示)

li.ty-text-links__item ty-level-1 
{ 
    font-weight:bold; 
} 

ty-text-links__item ty-level-1 > a { 
    font-weight:bold; 
} 

enter image description here

+0

你能告訴你在做什麼演示? –

+0

你可以嘗試使用'!important'嗎? –

+0

如果您忘記點'.'來定義班級,您正在選擇標籤 –

回答

2

您的樣式未應用於元素。因爲,您在CSS中的ty-level-1類之前忘記了類標記的.

li.ty-text-links__item .ty-level-1 { 
    font-weight: bold; 
} 

.ty-text-links__item .ty-level-1 > a { 
    font-weight: bold; 
} 
0

你爲什麼不直接針對anchor link,而不是像這樣:

a.ty-text__a { 
    font-weight:bold; 
} 

或者這樣:

.ty-text-links__item a.ty-text__a { 
    font-weight:bold; 
} 

或者這樣:

.ty-text-links__item > a { 
    font-weight:bold; 
} 
+1

是'fontweight'或'font-weight' –

0

我添加了點馬科斯建議這種方式來完成這項工程

對不起,愚蠢的問題

.ty-text-links__item .ty-level-1 > a { 
    font-weight:bold; 
} and 
0

試試這個

li.ty-text-links__item.ty-level-1 a.ty-text-links__a { 
font-weight:bold; 

}