html - Joomla！3.x：如何创建样式表以在不同的自定义 HTML 模块中使用

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="" />