：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. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?2. sql語句 - mysql中關聯表查詢問題3. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示？4. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。5. javascript - [js]為什么畫布里不出現圖片呢？在線等6. javascript - 有什么比較好的網頁版shell前端組件？7. javascript - 求解答：實例對象調用constructor，此時constructor內的this的指向？8. javascript - 如何將一個div始終固定在某個位置；無論屏幕和分辨率怎么變化；div位置始終不變9. css - chrome下a標簽嵌套img 顯示會多個小箭頭?10. html - vue項目中用到了elementUI問題
網公網安備