我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

HTML组合选择器的概念是什么

本文小编为大家详细介绍“HTML组合选择器的概念是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML组合选择器的概念是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

十余年的镇原网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整镇原建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“镇原网站设计”,“镇原网站推广”以来,每个客户项目都认真落实执行。

 将不同的选择器组合在一起的方法,它选择所有能被列表中的任意一个选择器选中的节点。语法:A, B 例如:div, span 会同时匹配 元素和

元素。

组合器(Combinators)

下图是一个HTML文档DOM结构图。其中,html是根节点,head和body是html的孩子节点。head和body又互相为紧邻兄弟节点。div是body的孩子节点,是html的后代节点。这里我们说的孩子是指有相同的父亲节点,而后代则包含了孩子和孙子以及孙子下面的孩子孙子等。紧邻兄弟是指有相同的父亲节点的,且彼此相邻的兄弟。如果不是彼此相邻,则称为一般兄弟。

HTML组合选择器的概念是什么

后代组合器(Descendant combinator)

(空格)组合器选择前一个元素的后代节点。

语法:A B

例子:div span 匹配所有位于任意

元素之内的 元素。

子代组合器(Child combinator)

> 组合器选择前一个元素的直接子节点。

语法:A > B

例子:ul > li 匹配直接嵌套在

    元素内的所有
  • 元素。

    一般兄弟组合器(General sibling combinator)

    ~ 组合器选择兄弟元素,也就是说,后一个节点在前一个节点后面的任意位置,并且共享同一个父节点。

    语法:A ~ B

    例子:p ~ span 匹配同一父元素下,

    元素后的所有 元素。

    紧邻兄弟组合器(Adjacent sibling combinator)

    + 组合器选择相邻元素,即后一个元素紧跟在前一个之后,并且共享同一个父节点。

    语法:A + B

    例子:h3 + p 会匹配所有紧邻在

    元素后的

    元素。

    读到这里,这篇“HTML组合选择器的概念是什么”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


    本文标题:HTML组合选择器的概念是什么
    本文URL:http://shouzuofang.com/article/geopji.html

免费获取网站建设与品牌策划方案报价

*主要业务范围包括:高端网站建设, 集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。
提交需求

    联系我们

    028-86922220
  • 手机:13518219792
  • 地址:成都市太升南路288号锦天国际A幢1002号
  • 24小时服务热线:400-028-6601

    网站建设服务

  • 网页设计
  • 网站制作
  • 网站开发

    网站推广服务

  • 营销网站建设
  • 百度快速排名
  • 整站网站推广

    网站运维服务

  • 基础维护
  • 网站改版
  • 网站维护

    FOLLOW US

  • 微信二维码

    微信二维码

Copyright © 2022 四川攀枝花网站建设公司 四川攀枝花网站建设公司-选我们!四川专业的攀枝花网站制作公司!
All Rights Reserved 版权所有 蜀ICP备2024105912号-3