在一个元素上使用两个CSS类[重复]

这个问题在这里已经有答案了
如何将两个CSS类应用于单个元素

(7个答案)

两年前关闭的

我做错了什么

我有一个.socialdiv,但在第一个上,我希望顶部零填充,在第二个上,我希望没有底部边框

我已经尝试过为此创建类,但我认为我在某些地方弄错了:

.social{
宽度:330px;
高度:75px;
浮动:对;
文本对齐:左对齐;
填充:10px0;
边框底部:虚线1px#6d6d;
}
.social.first{padding top:0;}
.social.last{border:0;}

还有HTML

<div class=“social”class=“first”>
<div class=“socialIcon”&gt&书信电报;img src=”https://stackoverflow.com/questions/11918491/images/facebook.png“alt=“Facebook”/&gt&lt/部门>
<div class=“socialText”>在Facebook上找到我&lt/部门>
&lt/部门>

我猜不可能有两个不同的课程?如果是这样,我该怎么做

如果希望在一个元素上有两个类,请按以下方式执行:

<div class=“社会第一”&gt&lt/部门>

在css中引用它,如下所示:

.social.first{}

例如:

https://jsfiddle.net/tybro0103/covbtpaq/

发表评论