gpt4 book ai didi

html - CSS:为什么样式标签需要包含在纯 CSS 框架的 html 中?

转载 作者:太空宇宙 更新时间:2023-11-04 04:06:08 26 4
gpt4 key购买 nike

为什么样式标签需要包含在纯CSS框架的HTML中?文档中也有 http://purecss.io/buttons/我正在查看“带圆 Angular 的彩色按钮:成功按钮”部分

(看这个 Codepen - 在左下角点击编辑笔)

请注意,您是否在 html 中取消注释样式标签?为什么它不能从 css 文件中提取它?

<style scoped>

.button-success,
.button-error,
.button-warning,
.button-secondary {
color: white;
border-radius: 4px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
background: rgb(66, 184, 221); /* this is a light blue */
}

</style>

<div>
<button class="button-success pure-button">Success Button</button>
<button class="button-error pure-button">Error Button</button>
<button class="button-warning pure-button">Warning Button</button>
<button class="button-secondary pure-button">Secondary Button</button>
</div>

最佳答案

CSS 规则 是根据它们加载的顺序 分配的。您将 Yahoo Pure CSS 文件加载 放在 <body> 该 CodePen,但您在 CSS 部分中键入的 CSS 在它之前加载(在 <head> 中)。这让后面的人可以覆盖它,设置恢复为默认值。

只需在其他文件之前加载纯文件(当然在字体之后)。

关于html - CSS:为什么样式标签需要包含在纯 CSS 框架的 html 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21347008/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com