首页 > Web开发 > 详细

css进阶选择器

时间:2019-12-03 04:17:20      阅读:144      评论:0      收藏:0      [点我收藏+]

后代选择器

  • 用空格隔开
  • 选择div标签下的p标签下的a标签 div p a
  • 选择class为parent标签下的p标签下的a标签 .parent p a
  • 后代选择器可以是标签、类、id的混合体
  • 后代选择器会选择所有的复合条件的后代

子代选择器

  • 用>隔开
  • 选择div标签下的p标签下的第一级a标签 div p > a
  • 子代选择器也可以是标签、类、id的混合体
  • 子代选择器是后代选择器的精确版

交集选择器

  • 标签、类、id中间不使用空格隔开,取他们的交集
  • div.red 选择class为red的div

并集选择器

  • 标签、类、id中间使用逗号隔开,取他们的并集
  • div,p,.red 选择div、p和class为red的标签

链接链接伪类选择器

  • 伪类选择器是以冒号开头
  • :link 未访问的链接
  • :visited 已访问的链接
  • :hover 鼠标移动到链接上
  • :active 选定的链接

css进阶选择器

原文:https://www.cnblogs.com/ivy-blogs/p/11973598.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!