如何覆盖样式表 - Joomla

时间:2012-02-29 22:12:35

标签: css joomla nested stylesheet joomla-k2

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

  1. Joomla.css
  2. 我的网站的Template.css
  3. 使用K2.css进行内容扩展
  4. 问题是我需要将工具栏对齐到右边。属性text-align在K2.css中正确定义但被忽略,而是加载了joomla.css中的属性。

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

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

    提前致谢。

    的Eyal

    enter image description here

4 个答案:

答案 0 :(得分:2)

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

更进一步

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

答案 1 :(得分:1)

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

CSS

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

HTML

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

答案 2 :(得分:1)

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

答案 3 :(得分:0)

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

最佳,

辛西娅