2014-10-30 191 views
2

「request」div中的鏈接無法正確顯示。對於在style.css的這個div鏈接有以下代碼:CSS鏈接無法正常工作

.header .request a span{border-bottom:1px dotted}.header .request a:hover span{border-bottom:0} 

證明:berdyanskaya56.ru

在頁面而鏈接徘徊她成爲下劃線。相比之下,.css清楚地表明它應該是沒有裝飾的。我怎樣才能解決這個問題?

UPD: - > goal:使div中的鏈接「請求」虛線underlinead,而在隱藏和非托盤的同時盤旋。鏈接樣式的所有屬性都應該以.css而不是html格式(不要在index.html中寫入style =「text-decoration:none」)。

- >目前情況:鏈接點綴下劃線,但它變成下劃線(___),而不是非下劃線,而徘徊。

+0

你需要指定你想在這裏實現什麼? **如果你提供了一些URL鏈接,並希望檢查'request div',它根本不可能**。沒有人會理解,至少我不明白你的說法。解釋將有助於解決您的問題 – 2014-10-30 07:46:46

+0

更新了問題。 – RLearnsR 2014-10-30 08:10:40

回答

1

這工作正常。只需添加

div.header div.request a { 
    text-decoration: none;/*add this*/ 
} 

.header .request a span { 
 
    border-bottom: 1px dotted 
 
} 
 
.header .request a:hover span { 
 
    border-bottom: 0 
 
} 
 
div.header div.request a { 
 
    text-decoration: none; 
 
}
<div class="header"> 
 
    <div class="request"> 
 
    <a href="#"> 
 
     <span>sadsad</span> 
 
    </a> 
 
    </div> 
 
</div>

0

因爲你有另外的<a>標籤在項目中默認有a:hover{text-decoration:underline}

這個CSS添加到您的項目:

a:hover{ 
    text-decoration:none; 
} 
+0

我試過了,但沒有奏效。 – RLearnsR 2014-10-30 06:41:24

+0

這是一個:懸停。編輯我的答案。 – 2014-10-30 06:44:09

+0

嘗試文字修飾:無!重要;看看你是否有特異性問題。 – chris 2014-10-30 06:45:54

0

添加下面的風格在你的CSS。

.header .request a:hover{text-decoration:none;} 
+0

它不起作用。我發現如果你添加style =「text-decoration:none;」到頁面上的鏈接,它修復。我的目標是將這個屬性包含在.css中。 – RLearnsR 2014-10-30 06:54:40

0
.header .request a span { 
text-decoration: none; 
border-bottom: 1px dotted; 
} 

刪除border:0在這裏和在這個CSS添加text-decoration: none;

.header .request a:hover{ 
text-decoration:none; 
} 

懸停我正在修改border-bottom:none;

.header .request span:hover{ 
    border-bottom:none; 
    } 

UPADTE這個CSS我希望這將解決您的問題

+0

沒有固定的。覈實。 – RLearnsR 2014-10-30 08:00:22

+0

更新了CSS。 – RLearnsR 2014-10-30 08:15:19

+0

徘徊時仍然是下劃線。我知道,這很奇怪,但它不能解決問題。親自訪問並檢查它。 – RLearnsR 2014-10-30 08:23:55