html – CSS中的多个点句点

概述你们其中一位CSS专家可以向我解释这个指示符(如果这甚至是你所说的那个)吗？我理解内容,而不是a.button.gold.两个点？ a.button.gold{background-color: #b9972f;} 我试图在Wordpress主题上修改几个样式,并且如果我能弄清楚当前正在发生什么,它会有更多的成功. 谢谢 选择器只是意味着选择任何一个具有类.button AS WELL AS 你们其中一位CSS专家可以向我解释这个指示符(如果这甚至是你所说的那个)吗？我理解内容,而不是a.button.gold.两个点？

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

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

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

<a href="#" >Hello</a>

Demo

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

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

Demo

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

<p >Hello,this will be green as well as bold</p>

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

总结

以上是内存溢出为你收集整理的html – CSS中的多个点/句点全部内容，希望文章能够帮你解决html – CSS中的多个点/句点所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。