CSS选择器内部元素

Question

我有一个由电子商务软件生成的菜单，我需要将主要类别加粗。

我尝试了这两个和其他选择，但我无法选择正确的元素（大写字母和＃34; COLLECTION＆＃34;和＃34;类别＆＃34;如图所示）

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

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

Answer 1

您的样式未应用于元素。因为，您忘记了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;
}

Answer 2

为什么不直接定位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;
}

Answer 3

我按照这种方式添加了Marcos建议的点，这可行

对不起这个愚蠢的问题

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

Answer 4

试试这个

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

}