博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS选择器 < ~ +
阅读量:6252 次
发布时间:2019-06-22

本文共 648 字,大约阅读时间需要 2 分钟。

1.>(子选择器)

#a>p{   // 使用 > 号,让选择器选择id="a"的所有子类(直接子类)

11111111111111

22222222222222

333333333

结果:

 

2.+(相邻选择器)

h1+p,选择紧接在另一个元素后的元素,而且二者有相同的父元素。只会选择第一个相邻的匹配元素

11111111111111

22222222222222

33333333333333

44444444444

h1+p { background-color:Red; }

结果:

 

3.~(匹配选择器)

#b~p,匹配所有在#b元素之后的同级p元素。

 

11111111111111

22222222222222

33333333333333

44444444444

 

所有相匹配的P元素都被选择到。

 

 

结果:

转载:http://www.cnblogs.com/zqzjs/p/4676138.html

你可能感兴趣的文章
GetLastError()返回值及含义
查看>>
android UI之Shape详解_GradientDrawable
查看>>
Python sh库学习 上篇
查看>>
Oracle Management Server配置
查看>>
O/R Mapping实际开发经验之谈(转)
查看>>
SPSS Clementine 数据挖掘入门 (3)
查看>>
Hosting the WCF service
查看>>
xampp下php环境的设置
查看>>
以消息为基础,以事件驱动之(message based, event driven)-- 《深入浅出MFC》
查看>>
IT公司的等级观念
查看>>
如何建立合适的索引?
查看>>
linux 多线程基础1
查看>>
详解谷歌官方教程 Android插件ADT“.NET研究” 9.0.0
查看>>
postgres中的中文分词zhparser
查看>>
制作正式版10.11 OS X El Capitan 安装U盘(优盘)
查看>>
FF或将支持返回一个HTML文档对象
查看>>
Delphi的SEH异常机制
查看>>
静态与动态加载Dll [示例代码]
查看>>
QtGui.QCalendarWidget
查看>>
高内聚低耦合 浅析
查看>>