課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
我這些都不能實(shí)現(xiàn)啊
為第二段設(shè)置的都不能實(shí)現(xiàn) 問題出在哪里了
2016-11-02
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 8-9
正在回答
你的11行代碼和14行代碼 ?#second a: hover{ ?#setgreen a:hover{有錯(cuò)誤。
如果要你想使用分組選擇器需要在second和a之間加一個(gè)(,),否則使用空格連接的話,瀏覽器會(huì)認(rèn)為是包含選擇器,而ID為second的第二段中沒有<a>所以,CSS是無效的
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>偽類選擇符</title>
<style type="text/css">
a:hover{
? ? color:red;
? ? font-size:20px;
}
#second:hover{?
? ? font-size:15px; color: pink;
? ? }
#setgreen:hover{
? ? color:green;
} ? ?
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級(jí)時(shí),我還是一個(gè)<a href="http://idcbgp.cn">膽小如鼠</a>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動(dòng)我也沒勇氣參加。</p>
? ? <p id="second">到了三年級(jí)下學(xué)期時(shí),我們班上了一節(jié)公開課,老師提出了一個(gè)很<span id="setgreen">簡(jiǎn)單</span>的問題,班里很多同學(xué)都舉手了,甚至成績(jī)比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
? ? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >
</body>
</html>
偽類選擇是標(biāo)簽名,類名或者id:hover{}
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>偽類選擇符</title> <style?type="text/css"> a:hover{ ????color:red; ????font-size:20px; } #setgreen:hover{ ????color:green; }???? </style> </head> <body> ????<h1>勇氣</h1> ????<p?class="first">三年級(jí)時(shí),我還是一個(gè)<a?href="http://idcbgp.cn">膽小如鼠</a>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動(dòng)我也沒勇氣參加。</p> ????<p?id="second">到了三年級(jí)下學(xué)期時(shí),我們班上了一節(jié)公開課,老師提出了一個(gè)很<span?id="setgreen">簡(jiǎn)單</span>的問題,班里很多同學(xué)都舉手了,甚至成績(jī)比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p> ????<img?src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg"?> </body> </html>
慕粉3314113 提問者
慕粉3182517 回復(fù) 慕粉3314113 提問者
#second a:hover ?中間不能有空格,你把空格刪掉
中間那個(gè)a:cover ? 那個(gè)冒號(hào) ? 用的是中文冒號(hào)吧 ? ?跟另外兩個(gè)明顯不一樣
AaaDu4334064
慕粉3314113 提問者 回復(fù) AaaDu4334064
你 ?second里面有 a?setGreen里面有a?
qq_漠冫醉_04330239
慕粉3314113 提問者 回復(fù) qq_漠冫醉_04330239
qq_漠冫醉_04330239 回復(fù) 慕粉3314113 提問者
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答偽類選擇符
2 回答偽類選擇符
6 回答偽類選擇符
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-11-02
你的11行代碼和14行代碼 ?#second a: hover{ ?#setgreen a:hover{有錯(cuò)誤。
如果要你想使用分組選擇器需要在second和a之間加一個(gè)(,),否則使用空格連接的話,瀏覽器會(huì)認(rèn)為是包含選擇器,而ID為second的第二段中沒有<a>所以,CSS是無效的
2016-11-02
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>偽類選擇符</title>
<style type="text/css">
a:hover{
? ? color:red;
? ? font-size:20px;
}
#second:hover{?
? ? font-size:15px; color: pink;
? ? }
#setgreen:hover{
? ? color:green;
} ? ?
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級(jí)時(shí),我還是一個(gè)<a href="http://idcbgp.cn">膽小如鼠</a>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動(dòng)我也沒勇氣參加。</p>
? ? <p id="second">到了三年級(jí)下學(xué)期時(shí),我們班上了一節(jié)公開課,老師提出了一個(gè)很<span id="setgreen">簡(jiǎn)單</span>的問題,班里很多同學(xué)都舉手了,甚至成績(jī)比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
? ? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >
</body>
</html>
2016-11-02
偽類選擇是標(biāo)簽名,類名或者id:hover{}
2016-11-02
#second a:hover ?中間不能有空格,你把空格刪掉
2016-11-02
中間那個(gè)a:cover ? 那個(gè)冒號(hào) ? 用的是中文冒號(hào)吧 ? ?跟另外兩個(gè)明顯不一樣
2016-11-02
你 ?second里面有 a?setGreen里面有a?