选择器的应用场景

选择器的应用场景

选择器

上下文选择器

上下文选择器

父子选择器(标识符“>”,仅限父子使用)

代码演示:<ulclass=“demo”style=border:1;><liclass=“itme1”>红色</li><liclass=“itme2”>蓝色</li><liclass=“itme3”>绿色</li><liclass=“itme4”>粉色</li><liclass=“itme5”>中国<ul><liclass=“itme”>北京</li><liclass=“itme”>上海</li><liclass=“itme”>河南</li><liclass=“itme”>广州</li></ul></l源码搭建wcqh.cni><liclass=“itme6”>美国</li><liclass=“itme7”>韩国</li></ul><style>1.<!–父子选择器标识符:“>”” –> .demo > .itme5{ color: red; } 2.<!– 后代选择器 标识符:”空格“”–>.demo .itme5 .itme{ border:1px solid hsl(297,90%,44%);}3.<!–兄弟选择器标识符:“+”” –> .demo>.itme5+.itme6{ background-color: lightgreen; } 4.<!– 兄弟选择器 标识符:”~*” –>.demo>.itme5 ~源码搭建wcqh.cn *{ background-color: #b40c68; }</style>

批改老师:PHPz 批改状态:合格 老师批语:没什么问题,继续加油
作者最新博文
2023-03-10 18:07:54

© 版权声明
THE END
喜欢就支持一下吧
点赞322 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容