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

    1、基本选择器

    (1)“*”选择器:通配符

       描述:将匹配所有的HTML标记,所有的标记都会改变的。  

       语法:*{ color:red; }

       注意:“*”尽量少用,因为IE6不支持。

    (2)标签选择器

       描述:将匹配指定的HTML标记。

       语法:h1{ color:red; }

       注意:CSS标签选择器,与HTML标记的名称一样,但不能加尖括号。

      

    (3)class选择器(类选择器)——类选择器是使用频率最高的

       描述:给一类HTML标记加样式。这里所指的“一类”是:每个HTML标记都有一个class属性,且class的值一样。class属性是公共属性,每个HTML标记都有。

       类选择器的名称,必须以“.”开头,后限HTML标记的class属性的值。如:.box{ color:red; }

       HTML标记的class属性的值,不能以数字开头。

    (4)id选择器

      描述:给指定id的元素添加样式。

      注意:网页中HTML标记的id属性的值,必须是唯一的

      每一个HTML标记都有一个id的公共属性。

      注意:id属性一般是给JS使用的,不是让你来加样式的。class属性只能给CSS用,不能给JS用的。

      id选择器的名称,必须以“#”开头,后跟HTML标记的id属性的值

    2、组合选择器

    (1)多元素选择器

        描述:给多个元素加同一个样式,多个选择器之间用逗号“,”隔开。

        举例:h1,p,div,body{color:red;}

     

    (2)后代元素选择器(最常用)

       描述:给某个标签的某一个后代元素加样式。选择器之间用“空格”隔开。

       举例:div  .title{ color:red;}

    (3)子元素选择器

      描述:给某个元素的子元素添加样式。

      举例:div > h1.title{color:red;}

  • 相关阅读:
    Spring启动流程
    bash脚本
    初识RPC框架
    C++ 全局变量、局部变量、静态全局变量、静态局部变量的区别
    MacOS安装vs code并且配置C/C++环境2020
    numpy 数组操作
    numpy索引 切片和迭代
    numpy基础之数据类型
    numpy基础
    Bootstrap Navbar应用及源码解析
  • 原文地址:https://www.cnblogs.com/yd09023/p/5848308.html
Copyright © 2011-2022 走看看