CSS 加號 (E+F) 相鄰選擇器
此選擇器能夠匹配緊跟在 E 元素之後的 F 元素。
特別說明:E 與 F 都是 CSS 選擇器。
語法結構:
[CSS] 純文字檢視 複製程式碼E + F{ Rules }
瀏覽器支援:
(1).IE瀏覽器支援此選擇器。
(2).edge瀏覽器支援此選擇器。
(3).谷歌瀏覽器支援此選擇器。
(4).火狐瀏覽器支援此選擇器。
(5).opera瀏覽器支援此選擇器。
(6).safria瀏覽器支援此選擇器。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div+p{ color:blue } </style> </head> <body> <div>螞蟻部落一</div> <p>螞蟻部落二</p> <p>螞蟻部落三</p> <p>螞蟻部落四</p> </body> </html>
將緊鄰 div 元素的 p 元素的文字顏色設定為藍色,一定是緊鄰。
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="https://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div + p { color:blue } </style> </head> <body> <div> <p>螞蟻部落一</p> </div> <p>螞蟻部落二</p> </body> </html>
上述程式碼可以將第二p元素的字型顏色設定為藍色。
由此可以得出如下結論:
(1).匹配的是緊鄰的下一個元素。
(2).必須是兄弟元素。
相關文章
- CSS (E+F)相鄰選擇器CSS
- css程式碼中的加號(+)相鄰選擇器的作用CSS
- CSS 選擇器 加號+ 作用CSS
- CSS3 相鄰兄弟選擇器 hoverCSSS3
- CSS選擇器加號+的作用是什麼CSS
- css相鄰選擇器設定li元素外邊距程式碼例項CSS
- css選擇器中的加號+的作用簡單介紹CSS
- CSS中一些利用偽類、偽元素和相鄰元素選擇器的技巧CSS
- CSS 選擇器前面單雙冒號:CSS
- CSS * 星號 萬用字元選擇器CSS字元
- CSS選擇器中大於號>的作用CSS
- CSS 選擇器CSS
- CSS選擇器CSS
- 【CSS】【3】CSS選擇器CSS
- CSS系列:CSS選擇器CSS
- CSS選擇器(5)——屬性選擇器CSS
- CSS ID選擇器與CLASS選擇器CSS
- 基本CSS選擇器,複合選擇器,後代選擇器CSS
- CSS-選擇器6-兄弟選擇器CSS
- CSS :required 選擇器CSSUI
- CSS :optional 選擇器CSS
- css選擇器概述CSS
- CSS選擇器(一)CSS
- CSS 元素選擇器CSS
- CSS常用選擇器CSS
- CSS id選擇器CSS
- CSS_選擇器CSS
- CSS的選擇器CSS
- CSS--選擇器CSS
- css選擇器大於號>的作用是什麼CSS
- css3 選擇器:屬性選擇器(五)CSSS3
- CSS-選擇器4-後代選擇器CSS
- CSS3選擇器02—CSS3部分選擇器CSSS3
- 【CSS】【4】CSS選擇器練習CSS
- CSS 選擇器權值CSS
- CSS :valid 選擇器CSS
- css child選擇器妙用CSS
- [CSS]屬性選擇器CSS