加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – CSS中的多个点/句点

发布时间:2020-12-14 18:38:01 所属栏目:资源 来源:网络整理
导读:你们其中一位CSS专家可以向我解释这个指示符(如果这甚至是你所说的那个)吗?我理解内容,而不是a.button.gold.两个点? a.button.gold{background-color: #b9972f;} 我试图在Wordpress主题上修改几个样式,并且如果我能弄清楚当前正在发生什么,它会有更多的成
你们其中一位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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读