ITPub博客

首页 > IT职业 > IT职场 > 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。

总结:>作用于元素的第一代后代,空格作用于元素的所有后代。

IT职场 作者:hongyueshan 时间:2021-09-09 08:57:01 0 删除 编辑

子选择器
还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码:

.food>li{border:1px solid red;}
这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。

任务
我也来试试,把文字内容的“我还是一个胆小如鼠的小女孩”这一句话加入红色边框。效果图如下:

.first>span{border:1px solid red;}

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3676/viewspace-2807394/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-30

  • 博文量
    93
  • 访问量
    1011