Fatal编程技术网
  • css/
  • 我可以在Prestashop中重写scss样式吗？

我可以在Prestashop中重写scss样式吗？

css sass prestashop

我可以在Prestashop中重写scss样式吗？,css,sass,prestashop,Css,Sass,Prestashop,我在Prestashop 1.6中使用了一个默认主题，我遇到了一个问题。 我想做的是简单地将导航条向上移动25像素。我知道我需要删除或更改 #block_top_menu { padding-top: 25px; } 在blocktopmenu.scss中，它不在modules目录中，而是在theme的目录中，我认为它应该覆盖默认样式。 当我在浏览器检查器工具中禁用它时，它会完全按照我希望的方式进行更改，但显然不会保存 我编辑了文件，将25px更改为0px。当我重新加载页面时，没有任何更改，并

我在Prestashop 1.6中使用了一个默认主题，我遇到了一个问题。 我想做的是简单地将导航条向上移动25像素。我知道我需要删除或更改

#block_top_menu {
padding-top: 25px;
}
在blocktopmenu.scss中，它不在modules目录中，而是在theme的目录中，我认为它应该覆盖默认样式。 当我在浏览器检查器工具中禁用它时，它会完全按照我希望的方式进行更改，但显然不会保存

我编辑了文件，将25px更改为0px。当我重新加载页面时，没有任何更改，并且检查器仍然显示代码，就好像我从未修改过代码一样。 因此，我编辑了模块类别中的blocktopmenu.css，添加了！重要的是，就像这样：

#block_top_menu {
padding-top: 0px !important;
}
希望推翻SCS。仍然没有发生任何变化。在绝望中，我从服务器上删除了scss文件。仍然没有变化，检查员显示文件，就好像它在那里一样

我没有主意了。我应该清理一下普雷斯塔索普的缓存还是什么？请帮忙

编辑：
我清除了缓存。无更改。

您可以在block top menu.scss文件中添加此代码，但对特定id使用包装类，如：-

  $block-top-menu{padding-bottom:25px!important;}
  div.[your wrapper id which wrapes the element]#block_top_menu{padding-bottom:$block-top-menu;}
它只覆盖该特定位置，而不是整个SCS。

您可以在block top menu.scss文件中添加此代码，但对该特定id使用包装类，如：-

  $block-top-menu{padding-bottom:25px!important;}
  div.[your wrapper id which wrapes the element]#block_top_menu{padding-bottom:$block-top-menu;}
它只覆盖该特定位置，而不是整个SCS。

您可以在block top menu.scss文件中添加此代码，但对该特定id使用包装类，如：-

  $block-top-menu{padding-bottom:25px!important;}
  div.[your wrapper id which wrapes the element]#block_top_menu{padding-bottom:$block-top-menu;}
它只覆盖该特定位置，而不是整个SCS。

您可以在block top menu.scss文件中添加此代码，但对该特定id使用包装类，如：-

  $block-top-menu{padding-bottom:25px!important;}
  div.[your wrapper id which wrapes the element]#block_top_menu{padding-bottom:$block-top-menu;}
它只覆盖特定位置，而不是整个SCS。

您需要处理SCS来创建CSS文件。。。（浏览器仅读取CSS）

也就是说，Prestashop导入了许多CSS文件，其中主要的是global.CSS，然后大多数模块都有特定的样式表，
如果使用开发工具，您可以很容易地看到设置边距的内容以及需要修改的内容，通常块顶部菜单有一个名为superfish-modified.CSS的CSS文件

还要注意PS有一个内置的缓存系统…

您需要处理SCS来创建CSS文件。。。（浏览器仅读取CSS）

也就是说，Prestashop导入了许多CSS文件，其中主要的是global.CSS，然后大多数模块都有特定的样式表，
如果使用开发工具，您可以很容易地看到设置边距的内容以及需要修改的内容，通常块顶部菜单有一个名为superfish-modified.CSS的CSS文件

还要注意PS有一个内置的缓存系统…

您需要处理SCS来创建CSS文件。。。（浏览器仅读取CSS）

也就是说，Prestashop导入了许多CSS文件，其中主要的是global.CSS，然后大多数模块都有特定的样式表，
如果使用开发工具，您可以很容易地看到设置边距的内容以及需要修改的内容，通常块顶部菜单有一个名为superfish-modified.CSS的CSS文件

还要注意PS有一个内置的缓存系统…

您需要处理SCS来创建CSS文件。。。（浏览器仅读取CSS）

也就是说，Prestashop导入了许多CSS文件，其中主要的是global.CSS，然后大多数模块都有特定的样式表，
如果使用开发工具，您可以很容易地看到设置边距的内容以及需要修改的内容，通常块顶部菜单有一个名为superfish-modified.CSS的CSS文件

还要注意PS有一个内置的缓存系统…

文件
默认引导/sass/modules/blocktopmenu/css/blocktopmenu.scss
编译成
默认引导/css/modules/blocktopmenu/css/blocktopmenu.css

如果您找到了
.scss
文件，则还必须存在相应的
.css
文件

现在大多数用户只是直接修改
.css
文件，这并没有什么错，但如果你正在做大量的样式更改（比如更改整个网站的配色方案），那么最好更改
.scss
文件并将其编译成
.css
。如果在
.scss
中更改主题变量，则该变量在使用过的任何地方都会更改。这样，您只需要编辑一个位置而不是X个位置

要使用
.scss
您需要两个工具：
sass
和
compass
。 您需要在谷歌上搜索操作系统的安装说明

在系统上安装这些工具后，需要在控制台的主题文件夹中运行命令（因为不同的主题=不同的样式）：

/var/www/themes/theme1/>指南针构建

在主题文件夹中运行compass build将把
.scss
文件编译成
.css
，并将它们放在
css
文件夹（主题文件夹）中。

文件
默认引导/sass/modules/blocktopmenu/css/blocktopmenu.scss
编译成
默认引导/css/modules/blocktopmenu/css/blocktopmenu.css

如果您找到了
.scss
文件，则还必须存在相应的
.css
文件

现在大多数用户只是直接修改
.css
文件，这并没有什么错，但如果你正在做大量的样式更改（比如更改整个网站的配色方案），那么最好更改
.scss
文件并将其编译成
.css
。如果在
.scss
中更改主题变量，则该变量在使用过的任何地方都会更改。这样，您只需要编辑一个位置而不是X个位置

要使用
.scss
您需要两个工具：
sass
和
compass
。 您需要在谷歌上搜索操作系统的安装说明

在系统上安装这些工具后，需要在控制台的主题文件夹中运行命令（因为不同的主题=不同的样式）：

/var/