如何选择特定部分

我有一个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; 
}

来源

2016-10-03 George Jones

你能告诉我们你的html吗？这将帮助我们更快找到答案... – salih0vicX

编辑jsut编辑 –

如果使用

#id { 
    border: 1px solid black; 
}

应该补充一点，刚刚到div，而不是任何内部。

对于你将它添加到列表中的项目里面，你就必须这样做：

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

来源

2016-10-03 14:41:30

是的，我有什么。它被应用在里面。 –

@Geocrafter看起来像你需要一个clearfix – Pete

-1

您<li>元素您正在使用class=navbar_listitm。然后在你的CSS中，你有一个边框设置为该类。如果删除它，边框也应该消失。

你的HTML：

<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>

你的CSS：

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

}

所以你是选择的特定部分，它只是你给它一个类你可能不打算给它。

来源

2016-10-03 15:38:46 Tijmen

是的，我有一个该类的边框，实际上只是在文本右侧的黑色边框线。这是为了分离。 –

如何选择特定部分

回答

相关问题