如何在父类或id中设置A元素的样式

Question

我正在尝试不同的方法，但无法为特定元素设置文本颜色样式，该元素是具有类和ID的父元素

的子元素。

<li id="menu-item-849" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-849"><a href="https://mywebsite.com/">You won’t want to miss it!</a></li>
<a href="https://myerbsite.com/">You won’t want to miss it!</a>
<li id="menu-item-849" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-849"><a href="https://mywebsite.com/">You won’t want to miss it!</a></li>

我想把标签上的文字涂成红色所以我正试图瞄准ID:

#menu-item-849 .a {
color: red important;
}

或目标类别：

li#menu-item menu-item-type-post_type menu-item-object-page menu-item-849 a {
color: red important;
}

我肯定做错了什么，这里有人可以帮忙吗？感谢

Answer 1

您的语法是错误的，首先您要查找类为a的子链接元素。尝试

#menu-item-849 > a {
color: red;
}

或者，如果你想去上课，

.menu-item > a {
color: red;
}

Answer 2

您的选择器错误。Id选择器以#开头，类选择器以.开头，元素选择器是元素本身的名称。所以这个

#menu-item-849 a {
color: red;
}

或优先销售此类选择器

.menu-item-849 a {
color: red;
}

尽量不要使用important，因为这样很难在其他地方覆盖样式。不要将相同的id赋予多个元素，这是无效的。请改用类名。