2016-12-23 82 views
-2

我在李標籤內部的錨標籤上添加樣式。 但是造型不適用於它。在列表項標籤內部的錨標籤上添加樣式

這是HTML代碼

<ul> 
    <li class="dropdown"> 
     <a href="#" id="Shop_Active" class="dropdown-toggle" data-toggle="dropdown">Shop</a> 
     <ul class="dropdown-menu"> 
      <li> 
       <a href="Store1.php">Store 1</a> 
      </li> 
      <li> 
       <a href="Store2.php">Store 2</a> 
      </li> 
     </ul> 
    </li> 
</ul> 

這是CSS代碼:

<style> 
li a #Shop_Active /* For Inserting an underline On Shop Button */ 
{ 
    style=border-width: 2px; 
    border-color: #3399FF; 
    color: #fff; 
    border-bottom-style: solid; 
} 
</style> 
+0

你已經有了像'style ='這樣無效的CSS;和'a#Shop_Active'並不意味着「ID爲Shop_Active」的元素,這意味着「ID爲Shop_Active」的元素在內容元素的「」中。你爲什麼不使用'#Shop_Active'? – Xufox

回答

0

問題:是你的選擇li a #Shop_Active ..這樣做的意義是..發現其中有一個元素a id Shop_Active這是a的小孩,其中inturn是子女li

但是你想要的是找到一個a標籤與給定的Id。不是它的一個子元素。

解決方案:後刪除空間的a

li a #Shop_Active這應該是

li a#Shop_Active

或者乾脆

#Shop_Active { /* Your rules*/ }

因爲ID是指唯一