CSS边框颜色不变，尝试了所有方法

Question

我今天已经开始使用CSS样式，我无法弄清楚更改标签边框颜色的一件事，我尝试了很多stackoverflow的示例，但均未成功。有问题的标签位于右侧的https://www.donermeister.co.uk/product/doner-kebab-beef/上，一旦选择了标签，我希望边框更改颜色，我尝试的是：

.ywapo_selected {
  border: 15px solid green;
}

如果没有成功，将不胜感激。我可以检查免费颜色，文字eveyrthing只是边框，很令人沮丧

Answer 1

问题在于您还定义了以下内容：

.ywapo_input_container.ywapo_input_container_labels.ywapo_selected {
     border-color: #999595;
}

这具有很高的特异性，这实际上意味着，选择器越精确，应用样式的可能性就越高。

要执行此操作，您需要设置更高的重要性级别：

您可以执行以下任一操作：

1）在选择器中使用！important关键字，虽然不是很好的做法，但可以完成工作。

.ywapo_selected {
    border: 15px solid #green !important
}

2）具有同样特定的选择器，更好的CSS做法：

.ywapo_input_container.ywapo_input_container_labels.ywapo_selected{
    border: 15px solid #green
}