html – CSS中的多个点/句点

你们其中一位CSS专家可以向我解释这个指示符(如果这甚至是你所说的那个)吗？我理解内容,而不是a.button.gold.两个点？

a.button.gold{
background-color: #b9972f;
}

我试图在wordpress主题上修改几个样式,并且如果我能弄清楚当前正在发生什么,它会有更多的成功.
谢谢

解决方法

选择器只是意味着选择任何一个具有类.button AS WELL AS .gold的元素,这样你的锚标签应该是这样的

<a href="#" class="button gold">Hello</a>

Demo

选择器也可以写为元素​​[attr~ = val],如同@BoltClock一样

a[class~="button"][class~="gold"] {
   color: #f00;
}

Demo

一般情况下,当你想将2个类的属性应用于单个元素时,也会使用上面的(不是选择器,但是为单个元素方法调用多个类),例如,你有.demo有颜色：绿色;和.demo2有font-weight：bold;所以使用

<p class="demo demo2">Hello,this will be green as well as bold</p>

将它变为绿色和大胆. Demo 2