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

    1.标签选择器

    <style type="text/css">

        h2{color: #003580;}

    </style>

    2.类选择器
    <style type="text/css">
    .类标签名{}
    </style>
    调用:class="类名称"
    例子:
    <style type="text/css">
    .color1{color: #F00;}
    </style>
    <a href="" class="color1">
    3.ID选择器
      <style type="text/css">
        #ID属性{font-size: 14px; color: #000033;}
    </style>
    例子:
    <style type="text/css"> #first{font-size: 14px; color: #000033;}</style>
    调用 <p id="first">《花千骨》是由<a href="" class="color1">慈文传媒集团</a>制作并发行,<strong class="color2">林玉芬</p>
    4.优先级:ID选择器>class类选择>标签选择器
    5.高级选择器:
      a.层次选择器
        E F后代选择器
        E>F子选择器
        E+F相邻兄弟选择器
        E~F通用兄弟选择器
      b.结构伪类选择器
        E:first-child 作为父元素的第一个子元素的元素E,
        E:last-child 
    作为父元素的最后一个子元素的元素E,
        E F:nth-child(n) 选择父级元素E的第n个子元素F,关键字为even、odd
        E:first-of-type选择父元素内具有指定类型的第一个E元素
        E:last-of-child选择父元素内具有指定类型的最后一个E元素
        E F:nth-of-type(n)选择父元素内具有指定类型的第N个F元素
      c.属性选择器
        E[属性attr]:选择具有attr属性的E元素
        E[属性attr=value]选择具有attr属性,并且属性值只能为value的E元素,
        E[属性attr^=value]选择具有attr属性,并且属性值
    包含value,以value开头的任意字符串
        E[属性attr$=value]选择具有attr属性,并且属性值包含value,以value结尾的任意字符串
        E[属性attr*=value]选择具有attr属性,并且属性值包含value,以value可以在字符串的任意位置
     
        










    
    
  • 相关阅读:
    k8s之docker被屏蔽后下载方法
    代码合并工具Beyond Compare的使用技巧
    (转)设计模式——观察者模式
    notepad问题汇总
    个人构建问题
    内部git常用总结
    (转)动态规划算法—买卖股票的最佳时机系列
    (转)java中引用传递和值传递
    互联网面试题
    (转)UML类图与类的关系详解
  • 原文地址:https://www.cnblogs.com/weihaixiong/p/8327931.html
Copyright © 2011-2022 走看看