如何選擇特定部分

我有一個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

是的，我有一個該類的邊框，實際上只是在文本右側的黑色邊框線。這是爲了分離。 –

如何選擇特定部分

回答

相關問題