zoukankan      html  css  js  c++  java
  • CSS:选择器

    1 元素(标签)选择器

    它可以对页面上相同的标签进行统一的设置,它描述的就是标签的名称.

    2 类选择器

    类选择器在使用时使用"."来描述,它描述的是元素上的class属性值

    3 id选择器

    它只能选择一个元素,使用 "#" 引入,引用的是元素的id属性值。

    id选择器,比类选择器更具有唯一性

     4 选择器组

    逗号表示,谁和谁。

    例如,我有手机,你有手机,他也有手机,一条一条写太麻烦,就可以合并编写

    我,你,他{
        手机
    }

    5 派生选择器

      子代:父子关系(隔代不管)

      后代:父子孙,曾孙,从孙...

      

    6 CSS伪类

    CSS伪类可对css的选择器添加一些特殊效果

    伪类属性列表:

      :active 向被激活的元素添加样式。

      :hover 当鼠标悬浮在元素上方时,向元素添加样式。

      :link 向未被访问的链接添加样式。

      :visited 向已被访问的链接添加样式。

      :first-child 向元素的第一个子元素添加样式。

    超链接的伪类:要遵守使用顺序,爱恨原则 LoVeHAte,lvha (l --> v --> h --> a)

    a:link {color: #FF0000} /* 针对未访问的链接, 将颜色修饰为 #FF0000 */
    a:visited {color: #00FF00} /* 已访问的链接 */
    a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
    a:active {color: #0000FF} /* 选定的链接 */

  • 相关阅读:
    python pymouse用法记录
    Mac启动时:boot task failed:fsck-safe处理办法
    命令行唤起xcode模拟器
    web中使用svg失量图形及ie8以下浏览器的处理方式
    博客文章索引
    中文编码基础知识
    深度学习基础之线性回归学习
    机器学习/深度学习最基础的数学知识
    css节点选择器
    css属性分类介绍
  • 原文地址:https://www.cnblogs.com/JasperZhao/p/15120458.html
Copyright © 2011-2022 走看看