css选择器

发表于 | 分类于 ， ， | 阅读次数:

链接伪类选择器

注意：

  • 写的时候顺序尽量不要颠倒，按照lvha的顺序。否则可能引起错误
  • 记忆法
    love hate 爱上了讨厌
    lv 包包 非常 hao
  • 因为叫链接伪类，所以都是利用交集选择器 a:link a:hover
  • 因为a链接浏览器具有默认样式，所以我们实际工作中都需要给链接单独指定样式
  • 实际工作开发中，我们很少写全四个状态，一般写法如下：
    1
    2
    3
    4
    5
    6
    7
    8
    a { /* a是标签选择器 所有的链接 */
        font-weight: 700;
        font-size: 16px;
        color: gray;
    }
    a:hover { /* :hover 是链接伪类选择器 鼠标经过 */
        color: red; /* 鼠标经过的时候，由原来的灰色变成了红色 */
    }

复合选择器总结

选择器 作用 特征 使用情况 隔开符号及用法
后代选择器 用来选择元素后代 是选择所有的子孙后代 较多 符号是空格 .nav a
子代选择器 选择最近一级元素 只选亲儿子 较少 符号是> .nav>p
交集选择器 选择两个标签交集的部分 既是 又是 较少 没有符号 p.one
并集选择器 选择某些相同样式的选择器 可以用于集体声明 较多 符号是逗号 .nav,header
链接伪类选择器 给链接更改状态 较多 重点记住 a{} 和 a:hover 实际开发的写法