如何仅设置div文本的样式

时间:2019-05-08 18:02:07

标签: html css

我有一个包含图片和文字的div。我只想为该div中的文本设置样式。对于图像,您只能使用.content img{ }为图像设置样式,也可以使用文本来设置图像样式吗?

<div class="footer">
   <div class="telefoon"><img src="images/media/telefoon.png" width="30">06-123456</div>
   <div class="mail"><img src="images/media/mail.png" width="30">example@gmail.com</div>
   <a class="instagram" href=https://www.instagram.com/example/><img src="images/media/instagram.png" width="30">@example</a>
</div>

在这种情况下,我希望文本具有margin-bottom: 15px;而图像没有。

或者当有人对整个问题有不同的解决方案时,因为基本上我的电话,邮件和instagram信息位于图标的底部而不是中间。

3 个答案:

答案 0 :(得分:0)

假设文本周围没有任何块元素(例如p,span,h1-h6等),try using :not for the image-尽管我看不出img如何继承任何字体样式

答案 1 :(得分:0)

为文本添加一个span标签,并设置shd解决您的问题的span标签的样式

答案 2 :(得分:0)

要设置文字样式,请在例如p标记中插入文字,然后使用css使用.content p {}