Question

我是magento的新手，我想添加一个css文件＆＃39; responsive.css＆＃39;在page.xml。但是这个文件我想添加最后的所有css文件，包括扩展名的css文件。

<block type="page/html_head" name="head" as="head">
  <!-- other css & js files -->
  <action method="addCss"><stylesheet>css/responsive.css</stylesheet></action>
</block>

如果我查看页面源，我的responsive.css文件显示在扩展css文件之前。所以请帮助我如何包含最后的css文件。

Answer 1

您可以在page.xml中再次删除并添加responsive.css。确保在添加所有其他css文件后执行此操作：

<?xml version="1.0"?>
<layout>
    <default>
        <reference name="head">
            <!-- ... add your other css files ... -->
            <action method="removeItem"><type>responsive_css</type><name>css/responsive.css</name></action>
            <action method="addItem"><type>responsive_css</type><name>css/responsive.css</name></action>
        </reference>
    </default>
</layout>

Answer 2

我做了一个快速的谷歌搜索，找到了magento堆栈交换网站，并在那里找到了一个很好的答案，看起来它对你有用：https://magento.stackexchange.com/questions/12150/overwriting-a-css-style

解决此问题的一种方法是，而不是使用page.xml，将声明放在主题布局文件夹的local.xml中。这将是最后加载的，因此你的css覆盖将是最后的。
处理此问题的另一种方法是创建自定义布局文件并从本地模块的config.xml引用它
编辑底部的原始css文件以覆盖其样式

有关此修复程序列表的详细信息，请参阅上面的帖子。基本上你正在寻找在你想要覆盖的代码之后插入css代码的方法，这样就可以避免使用！important声明。

Answer 3

尝试

  <action method="addItem"><type>js_css</type><name>prototype/windows/themes/default.css</name></action>

在所有扩展css文件之后添加css文件

3 个答案: