从外部资源覆盖CSS

时间:2019-11-07 12:45:36

标签: html css angular bootstrap-4

我正在从NG-Bootstrap分页组件构建分页。在这种情况下,我想更改(实际上删除)一些在NG-Bootstrap库中声明的CSS。我该怎么做而不更改NG-Bootstrap样式表。

This image shown what I want to ignore

如上图所示,我想忽略在.pagination中声明的 padding-left:0 。我不需要为其添加其他值。我只想忽略它。可能吗 ... ?

1 个答案:

答案 0 :(得分:0)

要回答您的问题,不,您不能忽略CSS样式规则。但是您可以覆盖它而无需更改NG-Bootstrap样式表。

您可以通过几种不同的方法将CSS规则附加到HTML文档,这是最常见的方法:

    通过在HTML文档的<link>部分中添加<head>标记,
  • 链接到外部样式表

    <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样式表中的内容,而不会对其进行更改。