如何覆盖样式表 - Joomla

Question

我正在努力使用3个样式表中定义的属性：

1. Joomla.css
2. 我的网站的Template.css
3. 使用K2.css进行内容扩展

问题是我需要将工具栏对齐到右边。 属性text-align在K2.css中正确定义但被忽略，而是加载了joomla.css中的属性。

我附上了一个显示问题的屏幕截图。

知道我做错了什么，我怎么能只为一个容器覆盖这个属性？

提前致谢。

的Eyal

Answer 1

此外，如果您查看页面的来源，您将看到添加样式表的顺序。 显然joomla.css比k2.css更进一步

如果存在大量这些情况，您可能希望编辑模板html并将joomla.css放在head部分的开头。 但是，如果动态添加，请查看非编号扩展“ Rereplacer ”，它应该可以通过一些工作来切换顺序。

Answer 2

对于这种特殊情况，我曾经用!important来定义一个样式，并在必须覆盖的地方使用它。

CSS

.text-align_right {
    text-align: right !important;
}

HTML

   <div class="itemToolbar text-align_right"> 
    ..

Answer 3

将您的css规则添加到K2.css的底部

Answer 4

在模块管理器中创建菜单时，请为其分配一个类。 然后，您可以在template.css文件中设置该类的样式。

最好，

辛西娅