:not 選擇器 無效果 原因何在?
問題描述
<style type="text/css"> .two:not(p){ color: orange; }</style><div class="two">從脫貧攻堅,到志愿服務;從大學校園,到民營企業;從祖國邊疆,到創新一線……一封封回信,飽含深情、字字暖心、催人奮進,體現著心心相印的人民情懷,蘊含著對治國理政的深刻思考,表達著對奮進新時代的殷切希望。<p>日報推出“牢記囑托 奔跑追夢——收到回信之后”系列,與您一起見證發展變化、感悟初心使命。今天刊發第十一篇《莫斯科大學中國留學生:“讓留學報國的光榮傳統薪火相傳”》。</p></div>
正常應該是P標簽里面內容為默認顏色。 DIV中除P標簽內容為Orange色,但現在全是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"> 從脫貧攻堅,到志愿服務;從大學校園,到民營企業;從祖國邊疆,到創新一線……一封封回信,飽含深情、字字暖心、催人奮進,體現著心心相印的人民情懷,蘊含著對治國理政的深刻思考,表達著對奮進新時代的殷切希望。 <p>日報推出“牢記囑托 奔跑追夢——收到回信之后”系列,與您一起見證發展變化、感悟初心使命。今天刊發第十一篇《莫斯科大學中國留學生:“讓留學報國的光榮傳統薪火相傳”》。 </p> </div></body></html>
得到如下結果:
之后又試著做了一些修改:
<!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"> 從脫貧攻堅,到志愿服務;從大學校園,到民營企業;從祖國邊疆,到創新一線……一封封回信,飽含深情、字字暖心、催人奮進,體現著心心相印的人民情懷,蘊含著對治國理政的深刻思考,表達著對奮進新時代的殷切希望。 <p>日報推出“牢記囑托 奔跑追夢——收到回信之后”系列,與您一起見證發展變化、感悟初心使命。今天刊發第十一篇《莫斯科大學中國留學生:“讓留學報國的光榮傳統薪火相傳”》。 </p> <a>這是一個測試</a></div></body></html>
得到結果如下:
給第一段加上非P標簽 ,比如span
然后 .two :not(p){ color: orange; } 樣式中 .two后帶有一個空格就可!
相關文章:
1. mysql - 如何減少使用或者不用LEFT JOIN查詢?2. 視頻文件不能播放,怎么辦?3. mysql - jdbc的問題4. python - 我在使用pip install -r requirements.txt下載時,為什么部分能下載,部分不能下載5. html5 - H5做的手機分享頁微信更新后,分享出去不再默認顯示第一個圖 作為縮略圖6. python - 編碼問題求助7. linux - python 抓取公眾號文章遇到驗證問題8. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處9. node.js - nodejs開發中常用的連接mysql的庫10. 網頁爬蟲 - python 爬取網站 并解析非json內容
