您好,欢迎来到爱够旅游网。
搜索
您的当前位置:首页伪类hover失效,关于CSS的优先级_html/css_WEB-ITnose

伪类hover失效,关于CSS的优先级_html/css_WEB-ITnose

来源:爱够旅游网

    //hover失效 
  • 用ul标签选中
  • //hover失效有效
  • 用a标签选中


  • 有没有大神 帮我解释一下 关于class的优先级!


    回复讨论(解决方案)

  • 用a标签选中

  • 加上href

    既然楼主自己都试出加class后有效,,,那就加个class不就好了。。

    顺序为
    a
    a:visited
    a:hover
    a:active

    权重(摘自《CSS实战手册》)

    引入

    示例


  • 111

  • 222

  • 333





  • 的背景色?

    权重计算

    原理
    根据赋值给样式选择器(标签选择器 类选择器 ID选择器)的值
    来确定样式的权重
    最具体样式中的属性会胜出

    方式
    一个标签选择器 1分
    一个类选择器 10分
    一个ID选择器 100分
    一个内建样式 1000分
    举例
    .navBox a
    10 + 1 = 11分
    .navBox .nav a
    10 + 10 + 1 = 21分
    .nav a
    10 + 1 = 11分
    .nav li a
    10 + 1 + 1 = 12分


    1) 继承来的属性没有任何权重值
    2) 权重值相同时最后一个样式胜出
    3) 先列出所有的外部样式表, 然后纳入内部样式.

    忽略权重值

    说明
    CSS提供了一种可以完全忽略权重值的方法.
    当你一定且必须要确保某一个特定的属性不被另一个更具体的样式覆盖时,
    可以使用这种技术
    只要在需要保护的属性后面插入 !important 就可避免被权重更大的属性覆盖.
    示例

    .navBox .nav a {background-color: red;}
    a { background-color: black!important; }

    Copyright © 2019- igbc.cn 版权所有 湘ICP备2023023988号-5

    违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务