PHP程序员小白到大牛集训(12期免息)
首页 >web前端 >前端问答 > 正文

css包含选择器的符号是什么

原创2022-09-22 16:21:20652 + Vue前端学习QQ群(点击入群)

css包含选择器的符号是空格“ ”。包含选择器又称为“后代选择器”,可以选择作为某元素后代的所有元素;只需将对父元素的选择放在前面,对子元素的选择放在后面,中间加一个空格分开即可,语法“父标签 后代标签{样式声明}”。包含选择器是对“元素选择器”的扩展,对一个标签内部所有后代标签进行过滤。

前端(vue)入门到精通课程:进入学习
API 文档、设计、调试、自动化测试一体化协作工具:点击使用

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css 包含选择器

后代选择器(descendant selector)又称为包含选择器,可以选择作为某元素后代的所有元素。

简单来说,就是将某个元素当做祖先元素,定位该元素的所有后代元素。

css包含选择器的符号是空格“ ”;只需将对父元素的选择放在前面,对子元素的选择放在后面,中间加一个空格分开。当标签发生嵌套时,内层标签就成为外层标签的后代。

元素1 元素2{ 样式声明 }
登录后复制

上述语法表示选择元素1里面的元素2 (后代元素)。

包含选择器,是对"元素选择器"的扩展,对一个标签内部所有后代标签进行过滤。

示例:


  



  
  1. 我是ol 的孩子
  2. 我是ol 的孩子
  3. 我是ol 的孩子
  4. 我是孙子
  • 我是ul 的孩子
  • 我是ul 的孩子
  • 我是ul 的孩子
登录后复制

1.png

  • 元素1和元素2中间用空格隔开
  • 元素1是父级,元素2是子级,最终选择的是元素2。
  • 元素2可以是,也可以是孙子等,只要元素1的后代即可。
  • 元素1和元素2可以是任意基础选择器

(学习视频分享:web前端

以上就是css包含选择器的符号是什么的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:css 选择器
  • 程序员必备接口测试调试工具:点击使用

    Apipost = Postman + Swagger + Mock + Jmeter

    Api设计、调试、文档、自动化测试工具

    后端、前端、测试,同时在线协作,内容实时同步

    支持grpc,http,websocket,socketio,socketjs类型接口调试

    相关文章

    相关视频


    视频教程分类

    专题推荐

    官方公众号

    php中文网课程

    扫码关注官方公众号
    回复“phpcn01”领取php学习资料课程
    全套工具、电子书、脑图、内部课程等

    推荐视频教程

    开通VIP会员课 0元学

    热门推荐