html - 如何嵌入外部html并更改css样式?

标签 html css

我有一个本地 /swagger-ui.html 由不同的包/库提供。我想修改样式,因此我考虑将其嵌入到我自己的 index.html 中并添加一些 css 样式覆盖:

index.html:

<head>
    <link rel="stylesheet" href="styles.css">
    <link rel="import" href="/swagger-ui.html">
</head>

styles.css(同一文件夹):

.swagger-ui .scheme-container,
.swagger-ui .topbar {
    background-color: red !important;
    display: none !important;
}

结果:我没有看到样式有任何变化。为什么?

最佳答案

尝试切换以下行

<link rel="stylesheet" href="styles.css">
<link rel="import" href="/swagger-ui.html">

到:

<link rel="import" href="/swagger-ui.html">
<link rel="stylesheet" href="styles.css">

关于html - 如何嵌入外部html并更改css样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57372811/

相关文章:

CSS 选择器后代不工作

css border-radius 未应用

javascript - 如何从 html 获取对象 Id 返回 Controller MVC c#

javascript - Html 单击按钮时更新图表

html - 标题/导航栏中 Logo 居中

html - CSS,高度使边框颜色变化

javascript - 替换部分类名

html - Vim 可以突出显示匹配的 HTML 标签,如 Notepad++ 吗?

javascript - 在非文本字段上通过 JavaScript 打开 iPad 的键盘?

javascript - 当我的 css 过渡初始化时,为什么我的一些元素会跳跃?