相邻选择器、兄弟选择器
2017-05-13 21:30
281 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> /* #li3 + li{ !*相邻选择器(渲染后面的相邻元素):渲染列表项4*! color: red; }*/ #li3 ~ li{ /*兄弟选择器:渲染li3后面的所有元素*/ color: red; } </style> <title>其他选择器</title> </head> <body> <ul> <li>列表项1</li> <li>列表项2</li> <li id="li3">列表项3</li> <li>列表项4</li> <li>列表项5</li> <li>列表项6</li> <li>列表项7</li> </ul> </body> </html>
相关文章推荐
- 选择器之相邻兄弟选择器、后代选择器、子代选择器
- CSS 相邻兄弟选择器
- css中相邻兄弟选择器
- CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解
- CSS选择器:属性选择器+后代选择器+子元素选择器+相邻兄弟选择器+伪类+伪元素
- CSS 后代选择器 CSS 子元素选择器 CSS 相邻兄弟选择器
- css_day02_各种选择器基本使用(相邻兄弟选择器+,兄弟选择器~)
- [jQuery] 2.2层级选择器(包含选择器,子选择器,相邻选择器,兄弟选择器)
- CSS 相邻兄弟选择器
- 多类、属性、后代、子元素、相邻兄弟选择器
- CSS相邻兄弟选择器
- CSS 相邻兄弟选择器
- CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解
- 相邻兄弟选择器(+)
- CSS后代选择器、子元素选择器、相邻兄弟选择器
- css 派生选择器+子选择器+相邻兄弟选择器
- CSS 相邻兄弟选择器
- 兄弟选择器和相邻选择器按正序控制兄弟元素和相邻元素的样式
- CSS 相邻兄弟选择器
- CSS相邻兄弟选择器和普通相邻兄弟选择器