【问题标题】:Is it possible to use CSS nested rules without installing anything on the server?是否可以使用 CSS 嵌套规则而不在服务器上安装任何东西?
【发布时间】:2011-12-01 21:13:33
【问题描述】:

LESS 和 SASS 允许我们使用 CSS 嵌套规则;但是,他们要求我们在 Web 服务器上安装他们的组件。

是否可以在不在服务器上安装任何东西的情况下使用类似的功能?也许通过使用 JavaScript、jQuery 等。我可以做到这一点。

谢谢,

【问题讨论】:

    标签: css nested sass less


    【解决方案1】:

    就像在部署过程中最小化 javascript 文件(无需在服务器上安装任何东西)的人一样,您可以在部署或打包步骤中将 LESS 文件处理为常规 CSS 文件。这些工具可以在开发人员的计算机上运行并在部署时使用一次,而不必在服务器上安装任何可执行文件。

    我确信有很多 LESS 编译器选项,但这里有几个:

    【讨论】:

    • +1表示不需要在服务器上转换,可以在开发者的机器上转换。
    • 而且您不必不必要地发送额外的 JS 文件和客户端处理
    • @jfriend00:我正在尝试将 LESS 与 HTML5 Biolerplate 一起使用。我正在尝试将它用于一个小项目...我还需要在本地机器上编译 LESS 吗?
    • 我不知道 HTML5 样板。您需要确保访问者的浏览器获得通用 CSS,而不是 LESS。如果 HTML5 Boilerplate 工具不能为您做到这一点,那么您将需要自己编译 LESS。您应该很容易查看部署文件,看看它们是否仍然 LESS 或者是否已转换为常规 CSS。
    • @Fawadafr 在开发机器上编译它对性能来说是最好的,现在在 Windows 上有不错的选择(这过去不是真的)所以这是最好的大大地。如果您只想对其进行测试,那么客户端 javascript 解决方案也应该可以工作。
    【解决方案2】:

    Less 可以使用 JavaScript 在严格的客户端模式下运行。只需在您的页面中包含less.js

    http://lesscss.org/#guide

    【讨论】:

    • 是的,我在页眉中包含了 LESS 样式和 less.js,并在 HTML 文件中包含的 CSS 文件中添加了我的 CSS 简单嵌套规则,但在浏览器...我确实按照 LESS 网站上的说明进行操作。
    • 您是否在<link> 上设置了正确的rel 属性?应该是rel="stylesheet/less"。您确定浏览器在任一文件上都没有收到 404 吗?
    • @Fawadafr 您是否“确保在脚本之前包含样式表。”?
    • @Fawadafr 你说“在 CSS 文件中添加了我的 CSS 简单嵌套规则”,但如果它是 LESS 语法,它应该放在 LESS 文件中,而不是作为 CSS 文件。
    • @Fawadafr 嵌套规则不能进入 CSS 文件,因为它不是有效的 CSS。 CSS 中不允许嵌套,因此您实际上是在编写一种与 CSS 相似但不是 CSS 的不同语言。该站点准确地解释了如何包含它,因此如果两个文件都存在(您创建的less.js 文件和styles.less 文件)并且您完全按照“客户端使用”部分lesscss.org 中的描述链接到它们,那么它应该工作。使用这种方法,您没有 CSS 文件,CSS 由 javascript创建,在页面加载之前它不存在。
    【解决方案3】:

    简而言之,是的,http://www.w3schools.com/css/css_grouping_nesting.asp

    不完全是 SASS 语法,但实现了相同的效果。 为了进一步回答,可以使用 Javascript 动态应用嵌套的 CSS。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-01-04
      • 1970-01-01
      • 1970-01-01
      • 2020-11-05
      • 1970-01-01
      • 2019-02-28
      相关资源
      最近更新 更多