gpt4 book ai didi

html - CSS 选择器无效

转载 作者:行者123 更新时间:2023-11-28 15:19:08 27 4
gpt4 key购买 nike

这是一个糟糕的问题,我真的很抱歉问这个问题。但我已经编写了 PHP 数小时,现在试图在简单的 html 布局上显示它。我需要更多的咖啡,我的眼睛很累,醒得太早了......

无论如何,问题是,由于某种原因,我的 css 样式应该影响文本样式,但对布局没有任何影响。边框设置和填充确实有效,但字体粗细或背景颜色不起作用,这有点奇怪。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Visitor logs</title>
<style>
html {
}

body {
}

.first_row {
font-weight: bold;
background-color: red;
}

td {
padding: 4px 8px 4px 4px;
border-bottom: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr class="first_row">
<td>IP-address</td>
<td>Last visited</td>
<td>Rough location</td>
</tr>
</table>
</body>
</html>

最佳答案

添加这段代码:

table {
border-collapse: collapse;
}

table {
border-collapse: collapse;
}

.first_row {
font-weight: bold;
background-color: red;
}

td {
padding: 4px 8px 4px 4px;
border-bottom: 1px solid black;
}
<table>
<tr class="first_row">
<td>IP-address</td>
<td>Last visited</td>
<td>Rough location</td>
</tr>
<tr class="second_row">
<td>IP-address2</td>
<td>Last visited2</td>
<td>Rough location2</td>
</tr>
</table>

另见:

table {
border-collapse: collapse;
}

.first_row {
font-weight: bold;
background-color: red;
}

tr:not(.first_row) td:not(:first-child) {
border-left: 1px solid #000;
}


td {
padding: 4px 8px 4px 4px;
border-bottom: 1px solid black;
}
<table>
<tr class="first_row">
<td>IP-address</td>
<td>Last visited</td>
<td>Rough location</td>
</tr>
<tr class="second_row">
<td>IP-address2</td>
<td>Last visited2</td>
<td>Rough location2</td>
</tr>
</table>

关于html - CSS 选择器无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46556897/

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