zoukankan      html  css  js  c++  java
  • CSS引入方式,高级选择器

    css引入方式:
      1、内部样式
          style标记
          在head标记中
         应用范围:当前整个页面中应用
      2、行内样式  
        style属性
          <p  style="color:black; font-size:24px">行内样式</p>
        应用范围:指定的标签内应用,优先级高于内部样式
         不太推荐用这种方式
      3、外部样式
          声明:.css样式文件
          引入:
             链接方式:<link href="css文件" rel="stylesheet" type="text/css"/>          
            
          应用:多个页面中共享
         优先级:
         行间>内部>外部
         注:在有相同的样式时,才考虑优先
    css高级选择器:
       1.后代选择器:
           应用在具有嵌套关系的元素上
          选择器1 选择器2  ,各个选择器之间用"空格"隔开
       2. 交集选择器:
           选择器1选择器2,各个选择器直接链接在一起
           进一步缩小选择范围
          .clCSS 类选择器,应用在任何标记上
           p .clCSS  后代选择器,应用在p标记上的子标记中  
           p.clCSS  交集选择器,应用在p标记上具有class=“clCSS”

          #p1 .cls :选择id属性为“p1”的标记,再在该标记中选择class
          为“cls”的子标记
        3.并集选择器:
          选择器1,选择器2,选择器3{};       
           应用:为不同选择器设置相同的样式
          注:其中的选择器是之前学的的任意选择器
    继承特性:
         具有嵌套关系的标记,外层标记叫父标记,内层标记叫子标记
         子标记可以继承标记的样式,反过来是不成立的

  • 相关阅读:
    'Neither SQLALCHEMY_DATABASE_URI nor SQLALCHEMY_BINDS is set.
    flask os.environ 的作用
    flask 中xx.init_app(app)方法
    win10安装ubuntu双系统遇到的问题
    福大软工 · 最终作业
    福大软工 · 第十二次作业
    Beta 冲刺(7/7)
    Beta 冲刺(6/7)
    常用正则
    使用elementUI动态增减表单项 且 使用自定义校验
  • 原文地址:https://www.cnblogs.com/a1111/p/6034139.html
Copyright © 2011-2022 走看看