zoukankan      html  css  js  c++  java
  • 选择符优先级-----:link伪类

    问题:请指出以下结构中,A标签内的字体颜色。

    <style>

    a{ color:#ccc}/* 灰色 */

    .alink a{color:#F60}/* 橙色 */

    h1 a{color:#F00}/* 红色 */

    a:link{color:#009}/* 蓝色 */

    div h1 a{ color:#000}/* 黑色*/

    </style>

    <div id="contact">

      <h1 class="alink">

        <a href="#">这里是文字内容</a>

      </h1>

    </div>

    正确答案:蓝色

    其实验证方式很简单,运行一下就可以知道了。

    .alink a和a:link其实优先级是一样的,哪一个定义在后面,就显示哪一个的颜色;

    网上有一段判断优先级的方法:

        内联样式(1000)> ID(100)> CLASS(10)> DIV(1)>*(0)

    简单解释一下就是,内联样式的优先级高于ID,ID高于class,class高于标签,标签高于通配符;

    括号里是具化了一下选择符所代表的权重,然后计算该选择符的个数总和,按照权重相加,哪一组样式的总值大,那么优先级就最好。

    (这里没有说 !important,因为他是最高级喽~~~)

  • 相关阅读:
    将excel单元格中的内容,批量转化成批注
    装饰器的入门到精通
    自定义dict
    python2.7 + PyQt4安装
    一些好用的python模块
    人工智能-自然语言处理
    websocket-单群聊
    UA池和代理池
    scrapy框架持久化存储
    SQL Server 2012 酸爽的安装体验
  • 原文地址:https://www.cnblogs.com/oyangyin/p/4634839.html
Copyright © 2011-2022 走看看