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

标签 html css

在我的网站上,我有一个名为 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/

相关文章:

html - 无法从 html apache2 中受密码保护的目录访问另一个文件?

css - Bootstrap - 垂直单选按钮未对齐

javascript - 如何设计动态菜单

javascript - 如何将 CSS 样式应用于 Div 的同级标签字段?

html - body 延伸以适应屏幕仅在 chrome

android - 图片的高度和宽度设置为 100%,无法在 Android 浏览器中正确调整大小。

html - 如何在 table 上强制最小高度

html - 如何使用表格单元格显示使图像适合 div

javascript - 使用 javascript 从 ul li 获取每个层次结构级别的字符串行

javascript - jQuery MarginLeft 百分比