我正在从 NG-Bootstrap 分页组件构建分页。因为我想更改(实际上是删除)一些在 NG-Bootstrap 库中声明的 CSS。我如何在不更改 NG-Bootstrap 样式表的情况下做到这一点。
如上图所示，我想忽略.pagination中声明的padding-left:0。我不需要为它添加另一个值。我只想忽略它。是否可以 ... ？
最佳答案
要回答您的问题，不，您不能忽略 CSS 样式规则。但是您可以在不更改 NG-Bootstrap 样式表的情况下覆盖它。
您可以通过几种不同的方式将 CSS 规则附加到 HTML 文档，以下是最常见的方式:
通过添加
<link>链接到外部样式表标记到<head>HTML 文档的一部分:<head> <link rel="stylesheet" href="mystylesheet.css" /> </head>使用
<style>将 CSS 嵌入到您的 HTML 文档中标签:<style> background-color: blue; </style>直接使用
style将 CSS 内联添加到单个 HTML 元素属性:<div style="background-color:gray;"></div>
并且根据您使用的方式，将根据它们的优先级应用不同的样式。内联优先于嵌入式，而嵌入式优先于链接样式表。
例如，如果您在特定内联元素上指定灰色背景，并在嵌入样式部分的同一元素上指定蓝色背景，则内联获胜且背景将为灰色。
因此，根据您的情况，您可以嵌入 CSS 或将其内联到要更改的元素上。执行其中任何一项都将覆盖 NG-Bootstrap 样式表中的内容，而不改变它。
关于html - 从外部资源覆盖 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58749071/