• 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} /* 选定的链接 */

  • 相关阅读:
    jar包和war包的介绍和区别
    java中getAttribute和getParameter的区别
    修改tomcat默认的编码方式
    jQuery遮罩插件jQuery.blockUI.js简介
    Sql Server 2008 Management studio安装教程
    评论字数限制和字数显示
    如何将表单元素封装
    DWR原理探秘
    linux命令详解:pgrep命令
    使用Nginx实现灰度发布
  • 原文地址:https://www.cnblogs.com/JasperZhao/p/15120458.html
Copyright © 2020-2023  润新知