首页 > 代码库 > CSS引入方式,高级选择器

CSS引入方式,高级选择器

css引入方式:
  1、内部样式
      style标记
      在head标记中
     应用范围:当前整个页面中应用
  2、行内样式  
    style属性
      <p  style="color:black; font-size:24px">行内样式</p>
    应用范围:指定的标签内应用,优先级高于内部样式
     不太推荐用这种方式
  3、外部样式
      声明:.css样式文件
      引入:
         链接方式:<link href="http://www.mamicode.com/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{};       
       应用:为不同选择器设置相同的样式
      注:其中的选择器是之前学的的任意选择器
继承特性:
     具有嵌套关系的标记,外层标记叫父标记,内层标记叫子标记
     子标记可以继承标记的样式,反过来是不成立的

CSS引入方式,高级选择器