gpt4 book ai didi

html - 即使我复制并粘贴代码,我的字体和文本大小类也不起作用

转载 作者:行者123 更新时间:2023-11-28 14:43:29 24 4
gpt4 key购买 nike

在我的网站上,我有一个名为 class='q' 的更改字体和文本大小的类。即使我从主页复制并粘贴它,该类(class)也不会工作,因为它是所有页面的菜单栏。所有其他类都有效,但这个不行,为什么?

th.q {
font-family: avenir;
font-size: 25px;
}
<BODY>
<TABLE class='a' border='0' width='100%'>
<TR height='20%'>
<TH class='q'><a class="hover">About</a></TH>
<TH class='q'><a>Products</a></TH>
<TH class='q'><a>Pricing</a></TH>
<TH class='q'><a>Contact</a></TH>
</TR>
</TABLE>

最佳答案

(引用 your answer :)

不幸的是,给多个元素相同的id使您的 HTML 无效。如果#font选择器足以解决问题,您应该能够提供 <table>一个id而是选择它的 <th>后代:

#navigation th {
font-size: 25px;
}
<TABLE id='navigation' class='a' border='0' width='100%'>
<TR height='20%'>
<TH><a class="hover">About</a></TH>
<TH><a>Products</a></TH>
<TH><a>Pricing</a></TH>
<TH><a>Contact</a></TH>
</TR>
</TABLE>

另外,border , width , 和 height属性应该在 CSS 中,而不是 HTML 中:

#navigation th {
font-size: 25px;
}
#navigation {
border: none;
width: 100%;
}
#navigation tr {
height: 20%;
}
<TABLE id='navigation' class='a'>
<TR>
<TH><a class="hover">About</a></TH>
<TH><a>Products</a></TH>
<TH><a>Pricing</a></TH>
<TH><a>Contact</a></TH>
</TR>
</TABLE>

当然是你shouldn't be using tables for layout , 无论如何。

关于html - 即使我复制并粘贴代码,我的字体和文本大小类也不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52587067/

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