zoukankan      html  css  js  c++  java
  • 链接样式优先级(特殊性)小结

    链接样式因为其特殊性(因为用到了伪类),所以表现比较丰富。而且因为链接的重要性,所以对于链接样式的控制就显的特别重要,但是因为样式优先级(也有叫做特殊性的)不同于其他编程语言,有其独特性,所以我感觉有必要将这些总结记录下来以备忘。

    工作中的一些小的总结,没有什么内容,只是自己脑子太笨,好在有个笔头。各位看官看看便是,便不要再嘲笑没有技术含量了。呵呵~
    <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
     
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     
    <meta name="Keywords" content="YES!B/S!" />
     
    <meta name="Description" content="This page is from http://Justinyoung.cnblogs.com" />
     
    <title>CSS/Javascript demo</title>
     
    <style type="text/css">
     
    /*优先级从上到下依次增加*/
        a
    {
            color
    :aqua;
        
    }

        a:link,a:visited,a:hover,a:active
    {
            color
    :red;
        
    }
        
        .aClass:link,.aClass:visited,.aClass:hover,:active
    {
            color
    :navy;
        
    }

        a.aClass:link,a.aClass:visited,a.aClass:hover,a.aClass:active
    {
            color
    :green;
        
    }
        
        #aID:link,#aID:visited,#aID:hover,#aID:active
    {
            color
    :blue;
        
    }

        a#aID:link,a#aID:visited,a#aID:hover,a#aID:active
    {
            color
    :coral;
        
    }

    /**下面这个样式和本文主题没有关系**/
        p:first-letter 
    {
        font-size
    :260%; 
        float
    :left; 
        padding
    :0 2px 0 0; 
        font-family
    :"楷体_GB2312"; 
        font-weight
    :bold; 
        color
    :#e00;
        
    }
     
    </style>
    </head>

    <body>
    <div><href="http://justinyoung.cnblogs.com/" class="aClass" id="aID">i'm a link.</a></div>
    <p>
    链接样式因为其特殊性(因为用到了伪类),所以表现比较丰富。而且因为链接的重要性,所以对于链接样式的控制就显的特别重要,但是因为样式优先级(也有叫做特殊性的)不同于其他编程语言,有其独特性,所以我感觉有必要将这些总结记录下来以备忘。
    <br/>
    工作中的一些小的总结,没有什么内容,只是自己脑子太笨,好在有个笔头。各位看官看看便是,便不要再嘲笑没有技术含量了。呵呵~
    </p>

    </body>

    </html>

    keyword:css样式表,css优先级,css特殊性,超级链接样式,超级链接css
  • 相关阅读:
    jQuery 插件
    jQuery 构造函数
    jQuery.merge()方法
    插入排序法
    归并排序法
    冒泡排序法
    选择排序法
    Jetty
    分布式锁&&redis
    Tomcat和设计模式
  • 原文地址:https://www.cnblogs.com/JustinYoung/p/890579.html
Copyright © 2011-2022 走看看