色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

html5 - css 選擇器not問題

瀏覽:116日期:2023-01-23 08:22:44

問題描述

<!DOCTYPE html><html><head><style>.iSerror:not(.usermodel) input{ border:1px solid red}</style></head><body><p class='iSerror'> <input> <p class='usermodel'> <input></p></p></body></html>

結果html5 - css 選擇器not問題 為什么usermodel下面的input border會變成紅色呢

問題解答

回答1:

.iSerror:not(.usermodel) input{ border:1px solid red} 先解釋一下:.iSerror:not(.usermodel)這里只是排除了跟.iSerror的同級.usermodel,而你的結構中,.usermodel是.iSerror的子集,改成:.iSerror p:not(.usermodel) input{ border:1px solid red}試下

回答2:

.iSerror:not(.usermodel) input{//這里的.iSerror:not(.usermodel), 指的是在擁有iSerror類的標簽,同時不具有.usermodel這個類 border:1px solid red}

.iSerror p:not(.usermodel) input{ border:1px solid red}//html<p class='iSerror'> <p>//這個就會變紅色<input> </p> <p class='usermodel'> <input> </p></p>回答3:

你是沒給.usermodel直接添加樣式 但是它自動繼承了父類 即.iSerror的樣式

回答4:

這個根本就用不到:not()啊……

如果用emmet來寫的話,

<p class='iSerror'> <input> <p class='usermodel'><input> </p></p>

就是.iSerror>input+.usermodel>input。

所以嘞,找第一個<input>就用.iSerror>input;找第二個<input>用.usermodel>input就好啦。

標簽: Html5
相關文章:
主站蜘蛛池模板: 久久精品国产欧美成人 | 在线观看精品自拍视频 | 久久福利青草精品资源 | 国产成人免费在线视频 | 久久影院在线 | 台湾三级香港三级在线理论 | 自拍视频网 | 天堂一区二区三区在线观看 | 亚洲欧美日本在线观看 | 国产超清在线观看 | 欧美成人免费一级人片 | 国产永久免费视频m3u8 | 国产伦一区二区三区四区久久 | jiz欧美高清 | 欧美日韩视频在线第一区 | 男女视频免费在线观看 | 久视频在线观看 | 嫩草一区二区三区四区乱码 | 国产美女一级毛片 | 欧美九九视频 | 精品国产三级在线观看 | 成人欧美在线观看 | 国产精品视频免费 | 日韩在线播放中文字幕 | 亚洲欧美日韩久久一区 | 日本护士一级毛片在线播放 | 日本久久伊人 | 成人精品免费视频 | 亚洲欧美日韩在线一区二区三区 | 国产三级a| 亚洲小视频在线 | 久草欧美 | 国产一区二区精品久久91 | 成年午夜 | 中国一级大黄大片 | 成人久久18免费游戏网站 | 自拍视频在线观看 | 久久国产精品免费看 | 久久亚洲精品视频 | 在线观看一级 | 日本二区免费一片黄2019 |