文章詳情頁
html5 - css not選擇器
瀏覽：78日期：2023-01-23 13:50:52
問題描述
1.我現在有一個彈層，里面有一些輸入框 如果判斷條件不通過輸入框就會變成紅色，
但是彈層里面也包含彈層 如果直接點擊確定按鈕 彈層里面的彈層輸入框也會變成紅色
所以我 .is-error:not(.userSelectModal) input{ border: solid 1px #D90000;}這樣寫 但是不生效 假如去掉input是可以的，這是什么原因造成的呢？
ps:代碼結構
問題解答
回答1：所以我 .is-error:not(.userSelectModal) input{ border: solid 1px #D90000;}這樣寫 但是不生效 假如去掉input是可以的，這是什么原因造成的呢？
空一格就是包含選擇符了（即E F這種形式的），命中的是E后代的所有F元素。按你的這個思路，input應該是放在前邊的，變成：
input.is-error:not(.userSelectModal) {border: solid 1px #D90000;}
應該就沒問題了。
回答2：你的is-error這個類是添加到input上面的吧？？
回答3：題主用的選擇器not,是排除選擇器，意思是除了被選擇器選中的元素之外的元素，會添加上后面的樣式。.is-error:not(.userSelectModal) input指的是有.is-error這個名字但是沒有.userSelectModal這個名字的input元素（注意，兩者要同時滿足?。。詥栴}來了，你的.userSelectModal元素并沒有.is-error這個名，這只是這個選擇器的問題。希望我的回答對題并且對你有幫助，謝謝?。?/p>
標簽：
Html5
相關文章：
1. javascript - jquery怎么給select option一個點擊時觸發的事件,如圖 如果選擇自定義觸發一個時間？2. javascript - 怎樣限制同一個瀏覽器不能登錄兩個賬號3. nginx配置server模塊的問題4. java - android代碼重構：如何把app設置里的頭像UI做成通用的？5. 想找個php大神仿個網站。6. java - 新手做一個安卓視頻播放器，想實現一個進度條，按鈕那種在視頻下方懸浮的功能，不知道思路！7. javascript - angular和jquery都用到了$符號，一起用會不會沖突？8. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現靈異動畫問題，求解決9. mysql優化 - 關于mysql分區10. 如何將行內塊元素的內容垂直水平兩個方向居中？
排行榜
網公網安備