css - 如何通过布局更新 xml 中的外部 css 文件将自定义 css 添加到特定页面到 magento

Question

通过布局更新 xml 中的外部 css 文件将自定义 css 添加到特定页面到 magento，我只想在我的页面内容区域设置 HTML 代码元素的样式。

我在页面内容区域创建下拉菜单，内联 css 不支持 ul、li、hover 等功能，设置样式的唯一方法是向其添加自定义 css。而且我必须在外部连接。

这是我的代码:

 <reference name="head">
    <block type="core/text" name="drop_down_menu_lock">
        <action method="setText">
            <text><![CDATA[<link rel="stylesheet" type="text/css" href="http://link/public_html/wordpress/drop_down_menu_lock.css">]]>
            </text>
        </action>
    </block>
</reference>

Answer 1

您好，您可以像这样将下面的代码添加到特定的页面 xml 中

<catalog_product_view translate="label">
<reference name="head">
    <block type="core/text" name="drop_down_menu_lock">
        <action method="setText">
            <text><![CDATA[<link rel="stylesheet" type="text/css" href="http://link/public_html/wordpress/drop_down_menu_lock.css">]]>
            </text>
        </action>
    </block>
</reference>
</catalog_product_view>