gpt4 book ai didi

html - 如何选择特定部分

转载 作者:行者123 更新时间:2023-11-28 15:18:10 25 4
gpt4 key购买 nike

我有一个带有 id 的 div 元素。我里面也有列表项。我怎么会只在 div 元素本身周围放置一个边框,但里面没有任何内容。我必须将列表项放在内部,因为它位于 div 元素本身内部。我举的例子是 geo-village.com

HTML:

<?php
session_start();
?>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/navbarstyle.css">
</head>
<body>
<div id=navbar>
<ul>
<li class=navbar_listitm><a href=/>Home</a></li>
<li class=navbar_listitm><a href=/vatsim>VatSim Online Training</a></li>
<li>
<div id=navbar_profile>
<?php
if ($_SESSION[loggedon] == true) {
echo "<a href=/profile>Good Day, $_SESSION[sessionun]</a>";
}
?>
</div>
</li>
</ul>
</div>
</body>
</html>

CSS:

#navbar {
background-color: #33ccff;
padding: 5px;
border-style: groove;
border-color: darkblue;

}

#navbar li, #navbar a {
text-decoration: none;
display: inline;
color: blue;
font-size: 20px;
font-weight: bold;
padding-left: 5px;
padding: 7px;
}

.navbar_listitm {
border-color: black;
border-right-style: solid;
}

#navbar a:hover {
color: cyan;
}

#navbar ul {
margin: 0px;
padding-left: 0px;
}

#navbar_profile {
float: right;
border-color: black;
border-left-style: solid;
}

最佳答案

如果你使用

#id {
border: 1px solid black;
}

它应该只把它添加到 div,而不是里面的任何东西。

要将其添加到列表项中,您必须执行以下操作:

#id * {
border: 1px solid black;
}

关于html - 如何选择特定部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39834244/

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