日本成年人网址,国产精品12p,www.欧美黄色

導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立...

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

當我們在使用css中hover時，偶爾會遇到無效的情況，這個真是讓人很焦急。那么到底是什么原因導致失效的呢？本篇文章就給大家總結一下css中hover失效的原因。

css中hover的用法具體代碼示例如下：

<style type="text/css">
	.one {
		margin: 0 auto;
		width: 400px;
		height: 300px;
		background: #ced05d;
	}
	.two {
		margin: 0 auto;
		width: 100px;
		height: 100px;
		background: #5a5aea;
	}
	.three {
		margin: 0 auto;
		width: 200px;
		height: 100px;
		background: #4b9c49;
	}
	.four {
		margin: 0 auto;
		width: 300px;
		height: 100px;
		background: #7b4141;
	}
	.one :hover {
		background: #da56d0;
	}
</style>
<body>
<h1>css中hover的用法測試</h1>
<div class="one">
	<div class="two">
	</div>
	<div class="three">	
	</div>
	<div class="four">	
	</div>
</div>
</body>

無效原因總結：

一、上述代碼測試時發現鼠標經過class為one的時候背景不變，而經過one里面的其他div背景顏色發生變化，說明了:hover前加空格，本身不會有:hover的效果，而后代元素會有:hover的效果。

二、只有后代元素和兄弟元素（緊接在元素后的兄弟元素）才有效果，其他的:hover會失效

三、類名錯誤；

四、:hover 被置于 :link 和 :visited 之前也是無效的;

注：

:hover 選擇器用于選擇鼠標指針浮動在上面的元素。

提示：:hover 選擇器可用于所有元素，不只是鏈接。

提示：:link 選擇器設置指向未被訪問頁面的鏈接的樣式，:visited 選擇器用于設置指向已被訪問的頁面的鏈接，:active 選擇器用于活動鏈接。在 CSS 定義中，:hover 必須位于 :link 和 :visited 之后（如果存在的話），這樣樣式才能生效。

以上就是為什么有時候使用css中hover屬性會沒有反應？（示例）的詳細內容，更多請關注php中文網其它相關文章！

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:雨林木風下載站 > 網頁設計教程 > 詳細頁面

為什么有時候使用css中hover屬性會沒有反應？（示例）

本類教程下載

系統下載排行