您好,欢迎来到覃师宁博客!
帝国cms使用手册

什么是子代选择器?

编辑:覃师宁 来源:qinshining.com 时间:2021-01-05 阅读量: 人已围观

子代选择器是以>字符连接两个元素组合的选择器形式

语法:

  • 元素1 > 元素2{声明样式}
  • /* 声明选择父元素为元素1的所有元素2css样式 */

实例HTML代码:

  • <div><p>什么是子代选择器 - 覃师宁博客</p></div>
  • <p>这是一个P标签样式</p>

实例CSS代码:

  • p { background-color: #ed2000; color:#fff;}
  • div > p {background-color: Blue;color:#fff;}

实例在浏览器运行效果:

什么是子代选择器?

感谢您的支持,我会继续努力的!
扫码支持
支付宝扫一扫,向我打赏
标签: css教程

相关文章

文章评论

人参与,共有 0 条评论

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

微信订阅号