爲什麼訪問的圖片沒有得到半徑

請問，你能告訴我爲什麼當我訪問代碼中的兩個鏈接之一時，圖片沒有得到半徑？我能做些什麼來完成這項工作？ 注意的a:visited div.container div.title優良工程爲什麼訪問的圖片沒有得到半徑

<html> 
<head><title>Some title</title> 
<style> 
.container 
{ 
    width : 100; 
    height : 100; 
} 

.title 
{ 
    position : absolute; 
} 

a:visited.container img.pic 
{ 
    border-radius:50%; 
} 

a:visited div.container div.title 
{ 
    color : red; 
} 
</style></head> 
<body> 
<a href="#link01"> 
    <div class="container"> 
     <img class="pic" src="leb.jpg"> 
     <div class="title">Title 01 
     </div> 
    </div> 
</a> 
<a href="#link02"> 
    <div class="container"> 
     <img class="pic" src="leb.jpg"> 
     <div class="title">Title 02 
     </div> 
    </div> 
</a> 
</body> 
</html>

感謝

來源

2017-03-04 techno01

從w3schools.com

定義和用法的：訪問選擇用於選擇訪問過的鏈接。

提示：使用：鏈接選擇樣式鏈接未訪問頁，：懸停選擇款式鏈接時，對他們你的鼠標，和：主動選擇，當你點擊它們鏈接樣式。

由於安全問題，瀏覽器會限制可爲a：visited鏈接設置的樣式。

允許的風格是：

色背景色邊框顏色（和邊框顏色單獨側）輪廓顏色列規則色的所有其他樣式繼承自填充和筆觸顏色部分一條鏈接。

您可以使用JavaScript來達到此目的，但不能使用$（「a：visited」），因爲它們不再支持它。

解決方案與點擊事件

a.visited .pic { 
    border-radius: 50%; 
    }

然後導入jQuery和標籤之間添加這些行。這將增加「訪問」每個班級點擊鏈接

$("a").on('click' , function() { 
    $(this).addClass("visited"); 
})

注意頁面重新加載班後會丟失

來源

2017-03-04 16:40:15

感謝您的回覆仍然無法完成它，您可以實現一些代碼:) – techno01

當然，編輯我的答案。希望它有幫助 –

我仍然沒有得到我想要的，因爲我想只使用CSS沒有JavaScript沒有jQuery，如果你有什麼新的請提及它，謝謝你的時間 – techno01

更改聲明的順序：

而不是

a:visited.container img.pic

使用

a.container:visited img.pic

我剛纔看到另一個問題：您的標籤沒有設置類.container。我猜你的意思是這樣的：

a:visited div.container img.pic

而且，第一個聲明看起來很奇怪：

.container 
{ 
    width : 100; 
    height : 100; 
}

你沒有把任何單位存在（但它是必要的）。

我建議將其更改爲

.container 
{ 
    width : 100px; 
    height : 100px; 
}

來源

2017-03-04 16:14:24 Psi

感謝您的答覆，但仍然無法正常工作 – techno01

看到了另一個問題，改變了我的答案 – Psi

哇快速回復我認爲我的朋友'a：visited.container img.pic'與'a：visited .container img.pic'相同，無論哪種方式仍然無效 – techno01

爲什麼訪問的圖片沒有得到半徑

回答

相關問題