a标签的伪类选择器

    1. a标签存在一定的状态
    2. 1.1 默认状态,从未被访问过
    3. 1.2 被访问过的状态
    4. 1.3 鼠标长按状态
    5. 1.4 鼠标悬停时的状态
    1. a标签的伪类选择器
    2. 专门用来修改a标签不同状态的样式
    1. 格式
    2. :link 修改从未被访问过状态下的样式
    3. :visited 修改被访问过状态下的样式
    4. :hover 修改鼠标悬停状态下的样式
    5. :active 修改长按状态下的样式
    1. 注意点
    2. 4.1 a标签的伪类选择器可以单独出现也可以一起出现
    3. 4.2 如果一起出现,那么有严格的顺序要求,根据爱恨原则(love hate),link-visited-hover-active
    4. 4.3 如果默认状态的样式和被访问过状态的样式一样,那么可以缩写
    a{
     color:green;
    }
    代替:
    a:link{
     color:green;
    }
    a:visited{
     color:green;
    }
    
  • 5 a标签的编程规范
    • 5.1 在企业开发中编写a标签的伪类选择器最好写在标签选择器的后面
    • 5.2 在企业开发中和a标签盒子相关的属性都写在标签选择器中(显示模式/宽高/padding/margin)
    • 5.3 在企业开发中和a标签文字/背景相关的都写在伪类选择器中

results matching ""

    No results matching ""