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

     css选择器包含ID选择类、类选择器、元素选择器、属性选择器、包含选择器、子选择器和css3中新增的兄弟选择器。以下仅说明几种常用的选择器使用方法。

    1.ID选择器(ID selector,IS)。为标有特定id的HTML元素指定特定的样式。使用“#”表示selector,语法格式:#S{……}  S是选择器名称。例如:id为name的标签会匹配下面的样式

    <style>
    #name{
        color:red;
        }
    </style>
    <!--下面的文字是红色的-->
    <p id="name">red text</p>
    

     2.类选择器(Class selector)。class选择器用于描述一组元素的样式,可以在多个元素中使用。使用“.”表示selector,语法格式:.S{……}。例:class属性值为value的标签会匹配下面的样式

    <style>
    .value{
      text-align:center;
    }
    </style>
    <!--下面的文字是居中对齐-->
    <p class="value">center text</p>
    

     3.元素选择器(Element selector,ES),又叫标签选择器。使用标签名作为selector名,语法格式:S{……}。例:所有的p标签都会匹配以下的样式

    <style>
    p{
      font-style:italic;
    }
    </style>
    <!--下面的文字是斜体的-->
    <p>italic text</p>
    

     4.包含选择器(Package selector,PS)。指定目标选择器必须处在某个选择对应的元素内部,语法格式:A B{……}(A、B为HTML元素/标签,表示对处于A中的B标签有效)。例:以下div内的p标签和div外的p标签分别匹配不同的样式

    <style>
    p{
      color:red;  
    }
    div p{
      color:green;
    }
    </style>
    
    <p>red text</p>
    
    div{
     <p>green text</p>
    }
    </div>
    

     

  • 相关阅读:
    codevs 2602 最短路径问题x
    codevs 1077 多源最短路x
    2010TianjinRegional 部分题解
    [CF706D]Vasiliy's Multiset(异或字典树)
    [CF710E]Generate a String(DP)
    [CF710C]Magic Odd Square(构造)
    [CF151B]Phone Numbers(暴力,模拟)
    [POJ2104]K-th Number(主席树,静态区间k小)
    [CF707D]Persistent Bookcase(离线,DFS)
    [CF707C]Pythagorean Triples(数学)
  • 原文地址:https://www.cnblogs.com/sunjump/p/8184933.html
Copyright © 2011-2022 走看看