css上下文选择器有多少种类型
发表于:2024-09-21 作者:千家信息网编辑
千家信息网最后更新 2024年09月21日,这篇文章主要介绍css上下文选择器有多少种类型,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!css上下文选择器有四种类型:1、后代选择器,可选择当前元素的所有后代元素;2、父子
千家信息网最后更新 2024年09月21日css上下文选择器有多少种类型
这篇文章主要介绍css上下文选择器有多少种类型,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
css上下文选择器有四种类型:1、后代选择器,可选择当前元素的所有后代元素;2、父子选择器,可选择当前元素的所有子元素;3、同级相邻选择器,可选择拥有共同父级且相邻的元素;4、同级所有选择器,可选择拥有共同父级的后续所有元素。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css的上下文选择器
上下文选择器就是构成了"父子"或层级关系的一组元素,通过他们的关系设置样式
html 文档,看上去就像一颗倒置的"树",所以是有层级结构的
每一个元素, 在文档中, 都有自己的位置,即上下文关系
所以, 完全可以根据元素的上下文关系,来获取到它们
一个元素的四种角色
序号 | 角色 | 描述 |
---|---|---|
1 | 祖先元素 | 拥有子元素,孙元素等所有层级的后代元素 |
2 | 父级元素 | 仅拥有子元素层级的元素 |
3 | 后代元素 | 与其它层级元素一起拥有共同祖先元素 |
4 | 子元素 | 与其它同级元素一起拥有共同父级元素 |
四种上下文选择器
序号 | 选择器 | 操作符 | 描述 | 举例 |
---|---|---|---|---|
1 | 后代选择器 | 空格 | 选择当前元素的所有后代元素 | div p , body * |
2 | 父子选择器 | > | 选择当前元素的所有子元素 | div > h3 |
3 | 同级相邻选择器 | + | 选择拥有共同父级且相邻的元素 | li.red + li |
4 | 同级所有选择器 | ~ | 选择拥有共同父级的后续所有元素 | li.red ~ li |
示例
上下文选择器 123456789
以上是"css上下文选择器有多少种类型"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
选择
元素
上下
上下文
后代
同级
层级
父子
类型
内容
序号
文档
祖先
篇文章
角色
价值
位置
兄弟
兴趣
只有
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
网络安全构成要素中响应
如何利用主机建一个云服务器
咸阳市嵌入式软件开发
河北新一代软件开发价钱
上海库存网络技术售后服务
软件开发收入附加税
党委领导下的网络安全
上海惠泽网络技术有限公司
网络安全发考试答案
上海潮流软件开发价钱
我国国产数据库的发展与应用综述
数据库 并行查询
计算机网络技术专业就业工资
广东通信软件开发平均价格
达梦数据库结束上市辅导
覆盖已经筛选的数据库
张家界网络安全
有关网络安全的思想汇报
电力线网络技术的应用
加强业务网络安全管理的通知
软件开发程序员程序员
客户数据库的信息包括
虚拟机的管理服务器
360网络安全日常
连access数据库
数据库字典工具
怀旧服各种服务器区别
大型数据库应用技术
以下关于分布式数据库
网维大师 数据库