gpt4 book ai didi

php - 无法更改 CSS 字体类

转载 作者:行者123 更新时间:2023-11-30 10:44:27 25 4
gpt4 key购买 nike

是我为客户制作的网站的开始 http://www.designobvio.us/smartklubben/

问题来了。我不久前开始了这个元素,现在又回来了,我似乎根本无法更改字体样式..,除非我使用内联样式。

我使用了 html5boilerplate。有谁知道到底是什么限制了我的字体样式无法在内联样式之外设置样式?

例如,#footer p{color:#fff;}不会改变

最佳答案

您可能对 CSS 规则的特异性有疑问。

假设您有 2 个 CSS 规则,如下所示:

.use-font { font-size: 24px; }
#content { font-size: 48px; }

<html><body>
<div id="content">
<p class="use-font">Hello!</p>
</div>
</body></html>

您希望该段落使用 24px 的字体大小,但它会改为使用 48px。

这是因为您用来定义规则的选择器具有优先级。 .use-font 这样的类算作 10,h2 这样的 HTML 实体算作 1,#content 这样的 ID 算作为 100。由于 .use-font 等于 10 而 #content 等于 100,因此 48px 规则将优先。解决方案是使规则显示为

#content .use-font { ... }

这使得它值 110 分,从而覆盖了其他定义的规则。

更多例子:

body { .. } = 1 points
#content ul.product-listing li a { ... } = 113 points
div.field-header label = 12 points

编辑:更正了我的错误,即标签选择器值 1 分,而类值 10 分,反之则不然。在 http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ 查看更多示例

关于php - 无法更改 CSS 字体类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9234939/

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