                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

偽類選擇符

我這些都不能實現啊

為第二段設置的都不能實現問題出在哪里了

慕粉3314113

2016-11-02

源自：初識HTML(5)+CSS(3)-升級版 8-9

關注問題我要回答

1024

操作

收起

6 回答

BLACK_ARROW
2016-11-02

你的11行代碼和14行代碼 ?#second a: hover{ ?#setgreen a:hover{有錯誤。

如果要你想使用分組選擇器需要在second和a之間加一個（,），否則使用空格連接的話，瀏覽器會認為是包含選擇器，而ID為second的第二段中沒有<a>所以，CSS是無效的

0 回復有任何疑惑可以回復我~

收起回答

BLACK_ARROW
2016-11-02

<!DOCTYPE HTML>

<html>

<head>

<title>偽類選擇符</title>

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">三年級時，我還是一個<a href="http://www.xianlaiwan.cn">膽小如鼠</a>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>

? ? <p id="second">到了三年級下學期時，我們班上了一節公開課，老師提出了一個很<span id="setgreen">簡單</span>的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p>

? ? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >

</body>

</html>

0 回復有任何疑惑可以回復我~

收起回答

慕粉3182517
2016-11-02

偽類選擇是標簽名,類名或者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">三年級時，我還是一個<a?href="http://www.xianlaiwan.cn">膽小如鼠</a>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
????<p?id="second">到了三年級下學期時，我們班上了一節公開課，老師提出了一個很<span?id="setgreen">簡單</span>的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p>
????<img?src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg"?>
</body>
</html>

0 回復有任何疑惑可以回復我~

收起回答

慕粉3314113 提問者

按照你這個方法我弄了下還是沒有任何效果字體也沒有變為綠色嗚嗚

2016-11-02 回復有任何疑惑可以回復我~

慕粉3314113 提問者

親現在好了謝謝

2016-11-02 回復有任何疑惑可以回復我~

慕粉3182517 回復慕粉3314113 提問者

不客氣

2016-11-02 回復有任何疑惑可以回復我~