zoukankan      html  css  js  c++  java
  • CSS彻底研究(1)

    Github pages 博文

    基本选择器

    1. 标记选择器h1 {...}
    2. 类别.class_name{...},两个class同时作用,如class = 'one two',冲突取前者
    3. ID选择器 #id{...}

    复合选择器:两个或多个选择器,通过不同的方式连接

    1. 交集
    h3.class_name { ... }
    

    其中第一个必须是标记选择器,第二个必须是(类别选择器)or(ID选择器),中间没有空格,必须连续书写
    2. 并集选择器a_selector , b_selector
    也就是多个选择器
    3. 后代选择器

    div p {
        /* div 下面的p,包括所有后代*/
    }
    

    div>pdiv的直接后代

    CSS继承

    被包含的小容器会继承包含它的大容器的风格样式

    <h1><em>AB</em>CD</h1>
    
    h1{
        color : red;
        text-decoration : underline;
    }
    em {
        color : blue;
    }
    

    结果如图,em 继承了 h1的下划线
    结果

    CSS优先级

    行内样式(style=) > ID样式(#id) > class样式(.class) > 标记样式(div)

    两个class冲突时,取前者

  • 相关阅读:
    pytest ini配置文件格式
    C#星辰之路
    bootstrap
    rabbitmq 安装
    curl 下载文件
    mysql 面试题
    mvn --version
    后台运行的nohup vs &
    scp
    linux下.tar.gz和.gz文件解压详解
  • 原文地址:https://www.cnblogs.com/magicdawn/p/3813262.html
Copyright © 2011-2022 走看看