:not 選擇器 無效果 原因何在?
問題描述
<style type="text/css"> .two:not(p){ color: orange; }</style><div class="two">從脫貧攻堅(jiān),到志愿服務(wù);從大學(xué)校園,到民營企業(yè);從祖國邊疆,到創(chuàng)新一線……一封封回信,飽含深情、字字暖心、催人奮進(jìn),體現(xiàn)著心心相印的人民情懷,蘊(yùn)含著對(duì)治國理政的深刻思考,表達(dá)著對(duì)奮進(jìn)新時(shí)代的殷切希望。<p>日?qǐng)?bào)推出“牢記囑托 奔跑追夢(mèng)——收到回信之后”系列,與您一起見證發(fā)展變化、感悟初心使命。今天刊發(fā)第十一篇《莫斯科大學(xué)中國留學(xué)生:“讓留學(xué)報(bào)國的光榮傳統(tǒng)薪火相傳”》。</p></div>
正常應(yīng)該是P標(biāo)簽里面內(nèi)容為默認(rèn)顏色。 DIV中除P標(biāo)簽內(nèi)容為Orange色,但現(xiàn)在全是Orange色。為什么
問題解答
回答1:我也試著嘗試了一下。如下:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style type="text/css"> .demo:not(p){ color:orange;}p { color:blue;} </style></head><body><div class="demo"> 從脫貧攻堅(jiān),到志愿服務(wù);從大學(xué)校園,到民營企業(yè);從祖國邊疆,到創(chuàng)新一線……一封封回信,飽含深情、字字暖心、催人奮進(jìn),體現(xiàn)著心心相印的人民情懷,蘊(yùn)含著對(duì)治國理政的深刻思考,表達(dá)著對(duì)奮進(jìn)新時(shí)代的殷切希望。 <p>日?qǐng)?bào)推出“牢記囑托 奔跑追夢(mèng)——收到回信之后”系列,與您一起見證發(fā)展變化、感悟初心使命。今天刊發(fā)第十一篇《莫斯科大學(xué)中國留學(xué)生:“讓留學(xué)報(bào)國的光榮傳統(tǒng)薪火相傳”》。 </p> </div></body></html>
得到如下結(jié)果:
之后又試著做了一些修改:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style type="text/css">div.demo:not(p){ color:orange;} p { color:blue;} </style></head><body><div class="demo"> 從脫貧攻堅(jiān),到志愿服務(wù);從大學(xué)校園,到民營企業(yè);從祖國邊疆,到創(chuàng)新一線……一封封回信,飽含深情、字字暖心、催人奮進(jìn),體現(xiàn)著心心相印的人民情懷,蘊(yùn)含著對(duì)治國理政的深刻思考,表達(dá)著對(duì)奮進(jìn)新時(shí)代的殷切希望。 <p>日?qǐng)?bào)推出“牢記囑托 奔跑追夢(mèng)——收到回信之后”系列,與您一起見證發(fā)展變化、感悟初心使命。今天刊發(fā)第十一篇《莫斯科大學(xué)中國留學(xué)生:“讓留學(xué)報(bào)國的光榮傳統(tǒng)薪火相傳”》。 </p> <a>這是一個(gè)測(cè)試</a></div></body></html>
得到結(jié)果如下:
給第一段加上非P標(biāo)簽 ,比如span
然后 .two :not(p){ color: orange; } 樣式中 .two后帶有一個(gè)空格就可!
相關(guān)文章:
1. datetime - Python如何獲取當(dāng)前時(shí)間2. python 利用subprocess庫調(diào)用mplayer時(shí)發(fā)生錯(cuò)誤3. html - eclipse 標(biāo)簽錯(cuò)誤4. python文檔怎么查看?5. python - Pycharm的Debug用不了6. 安全性測(cè)試 - nodejs中如何防m(xù)ySQL注入7. javascript - nginx反向代理靜態(tài)資源403錯(cuò)誤?8. 請(qǐng)問PHPstudy中的數(shù)據(jù)庫如何創(chuàng)建索引9. python - pycharm 自動(dòng)刪除行尾空格10. javascript - 關(guān)于apply()與call()的問題
