我需要在 Magento 2.0 中添加自定义 CSS。我们如何在 CSS 中添加所做的更改？
【问题讨论】：
标签： magento-2.0
【讨论】：
通常，您包含的样式表应该适用于所有商店页面。为此，请将您的 CSS 包含在 Magento_Theme 模块的 default_head_blocks.xml 中，该模块定义了所有 Magento 页面的默认页面部分。
推荐的方法是在您的主题中添加扩展的 default_head_blocks.xml，并在此文件中包含所需的样式表。
路径示例：app/design/frontend/Testthemes/demo3/Magento_Theme/layout/default_head_blocks.xml（此路径不存在，然后将文件从默认文件复制到您的主题。）
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/youe-style-name.css" />
</head>
</page>
【讨论】：
要添加自定义 CSS，您必须按照以下步骤操作：
Step1-确保将 Magento 应用程序设置为开发者模式。
Step2-将以下文件夹添加到您的自定义主题中
app / design / frontend / [vendor] / [theme] / Magento_Theme / layout
app / design / frontend / [vendor] / [theme] / web / css
创建以下文件：
app / design / frontend / [vendor] / [theme] / Magento_Theme / layout / default_head_blocks.xml
app / design / frontend / [vendor] / [theme] / web / css / local-m.css
app / design / frontend / [vendor] / [theme] / web / css / local-l.css
将此代码放入default_head_blocks.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../vendor/magento/framework/Module/etc/module.xsd">
<head>
<css src="css/local-m.css" />
<css src="css/local-l.css" media="screen and (min-width: 768px)"/>
</head>
</page>
Step3- 应用您的主题：http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-apply.html
Step4-部署静态资源（使用SSH）：php bin/magento setup:static-content:deploy
【讨论】：