gpt4 book ai didi

html - CSS - 由于 * 定义无法覆盖 P.class

转载 作者:太空宇宙 更新时间:2023-11-04 14:45:41 24 4
gpt4 key购买 nike

我有一个使用 2 个 css 的网站:一个全局,一个特定页面。
默认情况下,我想为所有内容设置字体类型和大小,并根据我的需要在某些页面上进行调整。

所以我有:

global.css

* {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

html {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
}

p {
text-align:justify;
margin:0px;
margin-bottom:10px;
}

a:link {
color: #993300;
text-decoration: none;
}

a:visited {
color:#993300;
text-decoration: none;
}

a:hover {
color: #FF0000;
text-decoration: underline overline;
}

新闻.css

div.news{
width: 100%;
}

.news p.reminder {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #848484;
margin:0px;
margin-bottom:20px;
text-align: center;
position: relative;
top: -10px;
text-transform: uppercase;
}
.news p.reminder a:link, .news p.reminder a:visited {
color: #848484;
}
.news p.reminder a:hover {
}

HTML 文件

       <HTML>
<HEAD>
<TITLE>the title</TITLE>

<LINK href="global.css" rel="stylesheet" type="text/css">
<LINK href="news.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<DIV class="news">
<P class="reminder">
<A href="some_url">some text</A>
</P>
</DIV>
</BODY>
</HTML>

出于某种我看不到的原因,这部分:

.news p.reminder {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;

没有被考虑在内。
如果我从 global.css 中删除 * 定义,就可以了。但如果我保留它,那部分不会覆盖它。

我该怎么做才能使这项工作正常进行?

最佳答案

你看不到它的原因是,虽然段落确实采用了你想要的样式,但 *选择器匹配 <A href="some_url">并及时将它们改回来。

您可以修改选择器以匹配 a元素也是,但我会在 body 上设置字体样式而不是 *

关于html - CSS - 由于 * 定义无法覆盖 P.class,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8463466/

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