亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

偽類選擇器的設置效果為什么會被<p>段落標簽斷開？

在用偽類選擇器時 . . .

...

....

. . . 為什么會出現鼠標滑過第一段第一段變為紅色而第二段不滑不變色但是如果取消一套


就整體變紅，是因為


將內容分割成段一段一個效果嗎？求助大佬解答，謝謝。

正在回答

3 回答

每個段落是一塊，如果你可以讓兩個段落重合，同時劃過，就可以同時變色了

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

就是使用偽類選擇器時，如果設定了

<style type="text/css">
p:first-child {
? color: red;
? }
</style>

那么只作用于第一個p標簽，結果如下，

<body>
<p>some text</p>/*這一行會變成紅色*/
<p>some text</p>/*這一行不會變*/
</body>

如果沒有設置 first-child應該不會被切斷。如果是其他原因，請貼上代碼？

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

晴天小蝸牛 提問者

<style type="text/css"> .first:hover,#second:hover{ color:red!important; font-weight:bold; } </style> </head>
2017-12-12 回復 有任何疑惑可以回復我~
#2

晴天小蝸牛 提問者

<body> <h1>勇氣</h1> <p class="first">三年級時，<span style="color:blue">膽小如鼠</span>的小女孩，<font color="green">上課從來不敢回答老師提出的問題，</font>生怕回答錯了老師會批評我。</p> <p id="second"> 到了三年級下學期時，<span>問題</span>，班里很多同學都舉手了，</p> </body>
2017-12-12 回復 有任何疑惑可以回復我~
#3

晴天小蝸牛 提問者

如果將兩段的段落標簽改為<br />就能一起變色，不過如果是兩段都加上<p></p>就會出現滑過分別變色，是因為偽類選擇符的效果被段落標簽斷開了嗎？
2017-12-12 回復 有任何疑惑可以回復我~
#4

Mr_靈 回復 晴天小蝸牛 提問者

（我之前理解錯了 不好意思啦）把代碼去實現了下，意思是你選擇的2個段落并不會因為鼠標拖到上面去而一起變色只會鼠標放置的那一段出現變色。 我的理解對吧~ 我感覺是因為 你...emm...就是設置的兩段偽類選擇器啊~~~你沒發現你給出來的代碼是一個類選擇器和一個id選擇器的分組來的嘛~~~當然是分開來的效果啦~
2017-12-12 回復 有任何疑惑可以回復我~
#5

晴天小蝸牛 提問者 回復 Mr_靈

小伙伴 666 我要先去試一下。
2017-12-12 回復 有任何疑惑可以回復我~
#6

晴天小蝸牛 提問者 回復 Mr_靈

可能這么說也對，但是把類標簽去掉只加上段落標簽并且用p;hover的偽類還是不能一起變色 但是將兩段之間的段落標簽換成空行標簽就OK了，我覺得還是段落標簽把兩段效果也分割開了
2017-12-12 回復 有任何疑惑可以回復我~
#7

慕仙8028120 回復 晴天小蝸牛 提問者

我也試了一下代碼；確實是<p></p>把兩個段落分隔開了；用<br/>兩段一起變色，包括兩個段落之間也沒有空行；因為<p>&<p>是平行關系，而且計算機是從上到下讀代碼所以兩個<p>時候分別變色嘛。。。我猜想。。。
2017-12-28 回復 有任何疑惑可以回復我~
#8

lagina_lin 回復 晴天小蝸牛 提問者

我覺得不能說是標簽把效果分割開吧，應該說:hover只是用戶將定位設備（比如光標）懸停于某個元素上才生效，也就是說只有一個元素，
2018-01-10 回復 有任何疑惑可以回復我~
#9

lagina_lin 回復 晴天小蝸牛 提問者

可以把這些標簽元素想象成一個一個盒子吧，然后把:hover想象成拿起盒子，<p>標簽是塊級元素，相當于一個大盒子，如果有兩個<p>標簽就相當于兩個大盒子，<br>是內聯元素，相當于放進去大盒子里面的小盒子，如果你規定的是p:hover,就相當于是拿起大盒子，然后大盒子就變紅，那你拿起其中一個大盒子，另一大盒子肯定不會有變化（所以就是為什么兩個<p>標簽不一起變紅），你用<br>標簽把頁面分成兩段，只是相當于在大盒子里放了個隔層，實際上只有一個大盒子（這樣當然你視覺上就是兩個段落一起變紅了）
2018-01-10 回復 有任何疑惑可以回復我~
#10

lagina_lin 回復 晴天小蝸牛 提問者

<div id="body"> <p>段落1</p> <p>段落2</p> </div> CSS樣式里寫上： #body:hover{ color:red; } 這樣就能一起變紅了。
2018-01-10 回復 有任何疑惑可以回復我~
查看7條回復

你應該是給<p>設置顏色了？ 我的理解是偽類選擇器的權限不夠。舉個例子：超鏈接默認點擊后變色，如果你不要這個效果的話可以選擇用<span>去修改顏色強制取消變色功能。偽類選擇器是類似功能。 萌新~錯了勿噴那個（-.-

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

晴天小蝸牛 提問者

很感謝，大家一起交流嘛。是這樣的如果文本出現兩個段落標簽偽類標簽的效果會被段落標簽斷開，就是鼠標移到哪段哪段才變顏色，但是將段落標簽換為空行標簽時只剩下一套段落標簽，滑過效果就一致了，難道是段落標簽把效果也隔斷了嗎？嘿嘿雖然不是什么大問題 但是感覺很奇怪就問一下。
2017-12-12 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228737    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

偽類選擇器的設置效果為什么會被<p>段落標簽斷開？

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號