侧边栏壁纸

css复合选择器

  • 阿伟 原创作品 2个月前
  • 前端学习 暂无标签~
  • 65阅读0评论0点赞
  • 后代选择器

    后代选择器又称为包含选择器
    语法:
    元素1 元素2{样式}
    比如:ul li{样式}
    提示:

    1. 元素1和元素2中间用空格隔开
    2. 元素1是父级,元素2是子级,最终选的是元素2

    子选择器

    子元素选择器(子选择器)
    语法
    元素1>元素2{样式}
    比如
    div>p {样式}
    提示:

    1. 元素1和元素2中间用大于号隔开
    2. 元素1是父级,元素2子级,最终选择的是元素2

    并集选择器

    并集选择器可以选择多组标签,同事为他们定义相同的样式
    语法
    元素1,元素2{语法}
    比如
    div,p{语法}
    提示

    1. 元素1和元素2中间用逗号隔开
    2. 逗号可以丽理解为和的意思

    伪类选择器

    1. 伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果
    2. 伪类选择器书写最大的特点是用冒号(:)表示,比如:hover,:first-child
      伪类选择有
    3. 链接伪类
      a:link (选择所有未被访问的链接)
      a:visited(选择所有已被访问的链接)
      a:hover(选择戍边指针位于其上的链接)
      a:active(选择活动链接(鼠标按下未弹起的链接))
      注意事项
      1)为了确保生效,请按照 LVHA的循顺序声明:link-:visited-:hover-:active
    4. 结构伪类,等
      :focus伪类选择器

    元素转换

    1. 行内元素转块级元素
      display:block
      2.块级元素转行内元素
      display:inline
      转换为行内块元素
      display:inline-block
    0

    —— 评论区 ——

    昵称
    邮箱
    网址
    取消