gpt4 book ai didi

css - 基本 CSS DIV 谜题

转载 作者:太空宇宙 更新时间:2023-11-03 20:45:10 27 4
gpt4 key购买 nike

我有一个简单的 HTML 页面如下:-

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div id="div1">
<form>
<table>
<tr>
<td>Col1</td>
<td>Col2</td>
</tr>
</table>
</form>
</div>
</body>
</html>

CSS 是:-

div#div1 table,td {
border: 1px solid black;
}

div#div2 table,td {
border: none;
}

如您所见,我的 HTML 中甚至没有使用 div2,但当我在浏览器中打开 HTML 文件时,它会在绘制表格边框时生效。它不应该使用 div1 的 border 属性吗?更奇怪的是 - 如果我在 CSS 文件中将 div#div2 移到 div#div1 之上,它工作正常。此外,如果我从 CSS 中完全删除 div#div2 ,它也会起作用。我是不是很傻,在这里遗漏了一些非常基本的东西?

谢谢!!

最佳答案

div#div2 table,td

这是两个选择器,div#div2 table以及td .去掉逗号。

div#div2 table td 

或者,如果您想同时设置 <table> 的样式和 <td> s,您需要重复整个选择器。

div#div2 table, div#div2 td 

关于css - 基本 CSS DIV 谜题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21893586/

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