問題描述

1.我現(xiàn)在有一個(gè)彈層，里面有一些輸入框 如果判斷條件不通過輸入框就會(huì)變成紅色，

但是彈層里面也包含彈層 如果直接點(diǎn)擊確定按鈕 彈層里面的彈層輸入框也會(huì)變成紅色

所以我 .is-error:not(.userSelectModal) input{ border: solid 1px #D90000;}這樣寫 但是不生效 假如去掉input是可以的，這是什么原因造成的呢？

ps:代碼結(jié)構(gòu)

問題解答

所以我 .is-error:not(.userSelectModal) input{ border: solid 1px #D90000;}這樣寫 但是不生效 假如去掉input是可以的，這是什么原因造成的呢？

空一格就是包含選擇符了（即E F這種形式的），命中的是E后代的所有F元素。按你的這個(gè)思路，input應(yīng)該是放在前邊的，變成：

input.is-error:not(.userSelectModal) {border: solid 1px #D90000;}

應(yīng)該就沒問題了。

你的is-error這個(gè)類是添加到input上面的吧？？

題主用的選擇器not,是排除選擇器，意思是除了被選擇器選中的元素之外的元素，會(huì)添加上后面的樣式。.is-error:not(.userSelectModal) input指的是有.is-error這個(gè)名字但是沒有.userSelectModal這個(gè)名字的input元素（注意，兩者要同時(shí)滿足?。。詥栴}來了，你的.userSelectModal元素并沒有.is-error這個(gè)名，這只是這個(gè)選擇器的問題。希望我的回答對(duì)題并且對(duì)你有幫助，謝謝！！