html - 乔姆拉! 3.x : How to create style sheet to be used in different Custom HTML Module

Question

我正在用 joomla 创建一个网站，大部分时间我都在使用自定义 HTML 模块。每次我创建一个新模块时，我都会在每个模块中设置样式，但我只需要相同的样式。自定义 html 模块示例:

示例。

<style>
#amateurIcon{margin-top: 100px;}
</style>
<p id = "amateurIcon"><img src="images/Industries_icon/industry_chef.png"alt="" /></p>

然后

<style>
#otherIcon{margin-top: 100px;}
</style>
<p id = "otherIcon"><img src="images/Industries_icon/industry_other.png" alt="" /></p>

一遍又一遍地做这件事对我来说是浪费时间。我只想创建一个类，我可以随时在我的任何自定义 HTML 模块中调用它。我该怎么做？

谢谢。

Answer 1

这只是您应该始终对样式而不是 ID 使用类的原因之一。

如果您只是为图像设置样式，那么您可以直接定位图像，而不是父 p 元素，例如

在你的 template.css 中；

.img-icon {margin-top: 100px;}

在你的模块中:

<img class="img-icon" src="images/Industries_icon/industry_chef.png"alt="" />
…
<img class="img-icon" src="images/Industries_icon/industry_other.png" alt="" />