gpt4 book ai didi

html - 边界属性需要后代选择器吗?

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

我刚开始自学 HTML 和 CSS 并掌握了一般规则,而且它变得越来越容易,但我无法理解这一点。我写这个只是为了了解表格和行,但除非我使用,否则不会应用边框属性

.city th {

但背景属性和颜色即使只是应用

.city {

这是我编写的基本代码,想知道是否有我遗漏的简单内容或我没有正确理解的内容。

<head>
<style>
.even {
background-color: blue;
}
.city th {
border-top: 5px solid red;
border-top-left-radius: 5px;
background-color: gray;
color: white;
}
</style>
</head>
<body>
<h1>Poetry Workshops</h1>
<p>We will be conducting a number of poetry workshops and symposiums
throughout the year.</p>
<p>Please note that the following events are free to members:</p>
<div class="list">
<ul>
<li>A poetic Perspective</li>
<li>Walt WHitman at War</li>
<li>Found Poems and Outsider Poetry</li>
</ul>
</div>
<table>
<tr class="city">
<th></th>
<th>New York</th>
<th>Chicago</th>
<th>San Francisco</th>
</tr>
<tr>
<td>A poetic perspective</td>
<td>Sat, 4 Feb 2012 11am - 2pm</td>
<td>Sat, 3 Mar 2012 11am - 2pm</td>
<td>Sat, 17 Mar 2012 11am - 2pm</td>
</tr>
<tr class="even">
<td>Walt Whitman at War </td>
<td>Sat, 7 Apr 2012 11am - 1pm</td>
<td>Sat, 7 Apr 2012 11am - 1pm</td>
<td>Sat, 7 Apr 2012 11am - 1pm</td>
</tr>
<tr>
<td>Found Poems & Outsider Poetry</td>
<td>Sat, 7 Apr 2012 11am - 1pm</td>
<td>Sat, 7 Apr 2012 11am - 1pm</td>
<td>Sat, 7 Apr 2012 11am - 1pm</td>
</tr>
<tr class="even">
<td>Natural Death: An Exploration</td>
<td>Sat, 7 Apr 2012 11am - 1pm</td>
<td>Sat, 7 Apr 2012 11am - 1pm</td>
<td>Sat, 7 Apr 2012 11am - 1pm</td>
</tr>
</table>

最佳答案

你不能给 row border-color 但是:

您可以在 tr 元素上设置边框属性,但根据 CSS 2.1 规范,此类属性在分隔边框模型中无效,这往往是浏览器中的默认设置。 Ref.: 17.6.1 分离边界模型。 (根据 CSS 2.1,border-collapse 的初始值是分开的,一些浏览器也将其设置为表格的默认值。总的来说,除非您明确指定折叠,否则几乎所有浏览器的实际效果都是分开的边框。)

Reference

因此,您需要使用折叠边框。示例:

<style>
table { border-collapse: collapse; }
tr:nth-child(3) { border: solid thin; }
</style>

另请检查此解决方法 Demo

Ref For this jsfiddle

更多详细信息,您可以阅读Here

关于html - 边界属性需要后代选择器吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32431948/

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