zoukankan      html  css  js  c++  java
  • CSS_选择器

    一、基础选择器

      标签(元素)选择器  

    标签名{
        样式;
    }
    /*选择所有标签名的所有元素。*/

      类(class)选择器

    .类名{
            样式;
    }
    /*选择类名相同的所有元素*/

      id(身份证)选择器

    #id号{
        样式;
    }
    /*选择对应id的原色*/

    二、高级选择器

      后代选择器

    父代标签 子代标签{
        样式;
    }
    /*选择父代标签下的子代标签元素*/
    /*父代选择器可以是id选择器、类选择器、标签选择器*/

      子代选择器

    父代标签>亲子代标签{
        样式;
    }
    /*选择父代标签下的亲子代标签元素*/

      组合选择器

    标签1,标签2{
        样式;
    }
    /*选择所有的标签1和所有的标签2*/

      交集选择器(了解,不常用)

        当标签1选择器和标签2选择器中有相同的样式时使用。

    标签1标签2{
        相同的样式;
    }
    /*选择所有的标签1和所有的标签2*/

      伪类选择器

    /*没有被访问过a的状态*/
    a:link{
        color: orange;
    }
    /*访问过后的a的状态*/
    a:visited{
        color: green;
    }
    /*鼠标悬浮时a的状态*/
    a:hover{
        color: black;
    }
    /*鼠标按住的时候a的状态*/
    a:active{
        color: red;
    }

       注意::hover可以应用于任何元素。

  • 相关阅读:
    js产生随机数
    Ajax库的编写及使用
    css水平竖直居中方式
    各大网站css初始化代码【转】
    文档对象模型-DOM(二)
    文档对象模型-DOM(一)
    nav标签使用说明
    html5学习整理-0311
    Python OpenCV —— Arithmetic
    关于python3 OpenCV的安装和配置
  • 原文地址:https://www.cnblogs.com/wangdianchao/p/12495572.html
Copyright © 2011-2022 走看看