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;}

  • 相关阅读:
    小程序开发过程中遇到的问题
    Windows 常用命令与快捷键
    前端开发中遇到的问题记录
    判断当前页面是否在微信中
    js学习导图
    一篇不错的 文章
    flex 布局
    微信客户端sdk使用前的 授权签名
    elementUI+vue-cli el-table=》excel
    rem适配
  • 原文地址:https://www.cnblogs.com/yd09023/p/5848308.html
Copyright © 2011-2022 走看看