zoukankan      html  css  js  c++  java
  • 选择器与CSS超链接

    CSS3基本选择器
    标签选择器        h3 { color:red;}         标签选择器直接应用于HTML标签
    类选择器         .class {color:blue;}      类选择器可在页面中多次使用
    ID选择器         #id { color:green;}       ID选择器在同一个页面中只能使用一次
    基本选择器的优先级  ID选择器>类选择器>标签选择器
    CSS的高级选择器 
    层次选择器
        E  F     后代选择器              选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内
        E>F      子选择器                选择匹配的F元素,且匹配的F元素是匹配的E元素的子元素
        E+F      相邻兄弟选择器           选择匹配的F元素,且匹配的F元素紧位于匹配的E元素后面
        E~F      通用兄弟选择器           选择匹配的F元素,且位于匹配的E元素后的所有匹配的F元素
    结构伪类选择器
      E:first-child           作为父元素的第一个子元素的元素E
      E:last-child            作为父元素的最后一个子元素的元素E
      E F:nth-child(n)        选择父级元素E的第n个子元素F,(n可以是1、2、3),关键字为even、odd
      E:first-of-type         选择父元素内具有指定类型的第一个E元素
      E:last-of-type          选择父元素内具有指定类型的最后一个E元素
      E F:nth-of-type(n)      选择父元素内具有指定类型的第n个F元素
    属性选择器
       E[attr]             选择匹配具有属性attr的E元素
       E[attr=val]         选择匹配具有属性attr的E元素,且属性值为val(val区分大小写)
       E[attr^=val]        选择匹配元素E,且E元素定义了属性attr,其属性值是以val开头的任意字符串
       E[attr$=val]        选择匹配元素E,且E元素定义了属性attr,其属性值是以val结尾的任意字符串
       E[attr*=val]        选择匹配元素E,且E元素定义了属性attr,其属性值包含了“val”,换句话说,字符串val与属性值中的任意位置相匹配
    使用CSS设置超链接
    a:link                未单击访问时超链接样式
    a:visited           单击访问后超链接样式
    a:hover            鼠标悬浮其上的超链接样式
    a:active            鼠标单击未释放的超链接样式
    设置伪类的顺序:a:link->a:visited->a:hover->a:active

  • 相关阅读:
    登录注册页面切换
    LINUX系统日常使用命令
    find命令详解
    ssh命令详解
    tar命令详解
    route命令详解
    uname命令详解
    ps命令详解
    df命令详解
    virsh命令详解
  • 原文地址:https://www.cnblogs.com/yun---meng/p/12872498.html
Copyright © 2011-2022 走看看