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

  • 相关阅读:
    经典数据结构-红黑树
    POI excel处理
    Spring事务控制
    现代医院信息化建设策略与实践
    医院信息平台管理(医院信息集成平台)—— 概念扫盲
    医疗知识图谱的构建和应用
    常用日志采集框架对比
    CSS编码规范
    HTML编码规范
    【安全等保】Linux服务器基线安全--干货
  • 原文地址:https://www.cnblogs.com/JasperZhao/p/15120458.html
Copyright © 2011-2022 走看看