程序员经验分享-hwhale

angular-cli如何添加全局样式？

2023-12-22

我使用 Sass 创建了一个全局样式表并将其放在public/style/styles.scss。我只指定背景颜色。

在索引中，我添加了一个链接：<link rel="stylesheet" href="style/styles.css">

背景颜色不适用于 body 标记。检查正文标签后，我可以看到背景颜色已应用但被否决scaffolding.less:31

我做错了什么？


从 CLI 的 beta.14 版本（使用 Angular 2.0 Final）开始，可以在内部链接全局样式表angular-cli.json在“样式”键下。这是相对于文件的引用src/目录，即style.css默认情况下。

利用此方法您可以：

  • 将全局样式复制到src/styles.css
  • 使用CSS导入将外部规则导入到styles.css
  • 通过添加更多全局样式apps[0].styles财产在angular-cli.json

也可以看看全球风格 https://github.com/angular/angular-cli/wiki/stories-global-styles in angular-cli's wiki.

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Angularcli

angular-cli如何添加全局样式？ 的相关文章

随机推荐

  • PHP NTLM身份验证+soap客户端

    我遇到了一个需要实现受 NTLM 身份验证保护的 Web 服务的项目 我通过 PHP 尝试过SoapClient client new SoapClient http hostname com webservice array cache

  • 表达式 *p++ 和 ++*p 的工作方式有何不同

    include

  • 查找一对列中的最大值/最小值

    我的数据如下所示 df lt tribble A B 0 2 0 1 0 2 0 3 0 5 0 1 0 7 0 9 0 8 0 9 0 4 0 2 我如何选择之间的最大 最小值A and B 期望的输出 A B C 1 0 2 0 1 0

  • 如何获取设备的设备接口 GUID？

    我枚举了机器上的所有设备 如下所示 HDEVINFO hDevList SetupDiGetClassDevs NULL NULL NULL DIGCF DEVICEINTERFACE DIGCF PRESENT DIGCF ALLCLAS

  • Selenium：清除 chrome 缓存

    在我的应用程序中 我需要一种方法在注销之前仅清除 chrome 浏览器的缓存 cookie 除外 我不想删除 cookie 任何人都可以建议我一种方法来单击 chrome 中的 清除数据 按钮 我写了下面的代码 但代码不起作用 配置 Chr

  • ASP.net 2.0 版是什么意思？

    ASP NET 2 0 版到底是什么意思 它是符合 net CLR version 2 0 的版本吗 aspnet isapi dll 和 aspnet wp exe 怎么样 它们如何适应 net 框架 1 1 2 0 3 5 版本 NET

  • 使用 MVVM 处理 SelectedItem 事件的最简单方法是什么？

    在下面的代码中 当用户选择客户时在组合框中 显示客户姓名在文本框中 我在 ViewModel 上使用 ObservableCollection 属性填充 Combobox 但如何处理 ViewModel 中的 SelectedItem 事件

  • 提升等待：如何等待帖子内的异步操作

    我正在编写一些 asio 代码并尝试重构它以使用 C 20 协程 然而我在转换这段代码时遇到了困难 asio post my strand self shared from this functions that write in this

  • 如何让 Vue-Cookies 在 Vue-Router 组件中工作

    我有一个路由器 index js 文件 它加载 Vue Vue Router 和 Vue Cookies 如下所示 import Vue from vue import Router from vue router import VueCo

  • 在 Asp.Net MVC 中实体作为模型出现“EntityCollection 已初始化”错误？

    我在创建一个复杂的对象时遇到了很大的困难 我有一个带有顾问表的 EF 模型 该表与许多其他表具有一对多关系 我想按原样使用 Consultant 对象作为模型 因为它非常简单 正如 NerdDinner 教程中所做的那样 就像我对其他没有一

  • 在 SSHD 配置中，“MaxStartups 10:30:60”是什么意思？ [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 问题是 某些 SFTP 连接在客户环境中失败 但是使用示例代码 如果我使用同一服务器进行测试 则不会出现连接失败 可能在客户环境中同时启动了许多并行

  • 如何根据过滤后的数据创建笛卡尔积范围？

    我正在尝试从较小的范围中创建笛卡尔积范围 我想ranges v3 view cartesian product会起作用 但不知何故它不起作用 如果我尝试直接使用容器创建笛卡尔积 我没有问题 编译如下 include

  • ansible 根据属性合并两个列表

    我在我的剧本中扮演一个角色 使用 set fact 生成两个列表 这两个事实用于不同的任务 然后我需要将它们合并以完成最终任务 list1 name alice roles role1 role2 name bob roles role1

  • 将不可序列化的类转换为字节数组

    我有一个场景 我正在多个非常不同的系统之间同步数据 数据本身相似 但不同系统上的表具有完全不同的格式 为了协助这种同步 我有一个数据库表 它存储来自每个系统的对象哈希以及项目键和其他相关信息 当任一系统中的对象的哈希发生更改时 我会更新另一

  • iOS 6 自动旋转问题-supportedInterfaceOrientations 返回值不受尊重

    我有一个应用程序 其中我有一个UINavigationController子类作为我的rootViewController 我有一个UITableViewController允许用户编辑一些设置 它应该始终处于纵向模式 将 MoviePla

  • 如何从 e.target.name 更新状态中的对象

    我正在尝试从这样的表单输入数据 h1 Company Position h1

  • 对数刻度（x 轴）直方图

    我需要的是 X 轴以对数刻度显示的直方图 但是 我仍然希望直方图中的每个条形都具有相同的宽度 不管怎样 我想出了 或发现 具有较高值的 显示条与较窄的显示条 它们在普通比例上具有相同的宽度 而不是在对数比例上 这是我现在正在做的事情 edg

  • Python c-api 和 unicode 字符串

    我需要在 python 对象和各种编码的 c 字符串之间进行转换 使用 PyUnicode Decode 从 C 字符串到 unicode 对象相当简单 但是我不知道如何走另一条路 char can be a wchar t or any

  • 基于 Rails 中每个下拉菜单的嵌套下拉框和多选框？

    我有一个要求 但如何开始有点困难 我寻求一些帮助 我有三个表 即服装 类别和材料 考虑服装表包含 男装 童装 我有一个页面来添加服装 在添加服装时 我需要一个下拉菜单 其中应列出类别 选择类别后 属于所选类别的材料应出现在多选框中 我们可以

  • angular-cli如何添加全局样式？

    我使用 Sass 创建了一个全局样式表并将其放在public style styles scss 我只指定背景颜色 在索引中 我添加了一个链接 背景颜色不适用于 body 标记 检查正文标签后 我可以看到背景颜色已应用但被否决scaffol

热门标签