gpt4 book ai didi

HTML 元素 COL、颜色和宽度 CSS 属性不起作用

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

当我尝试在 HTML 中的 col 标签上应用不同的 CSS 属性以对一个表格列设置不同的样式时,它不起作用。只有“背景色”在起作用。颜色、宽度、字体样式 CSS 属性不适用于列。

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}

#col-1{

background-color: blue;
color: white;
width: 50px;
font-style: italic;
}

</style>
</head>
<body>

<table>
<colgroup>
<col id="col-1">
<col id="col-2">
<col id="col-3">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>

</body>
</html>

最佳答案

只有 border , background , widthvisibility适用于 <col><column-group>元素 https://www.w3.org/TR/CSS21/tables.html#columns

要更改第一列中的颜色,您需要一些针对每行第一个子项的规则:

tr>th:first-child {
color: white;
}
tr>td:first-child {
color: white;
}

关于HTML 元素 COL、颜色和宽度 CSS 属性不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53513154/

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