css选择器——胖鱼HTML入门第二天

今天是学习的第二天，书接上文，今天学习了css的选择器部分，css又叫做层叠样式表，而网页实际上是一个多层的结构，通过css可以分别为网页的每一层来设置样式，而最终我们能看到的只有最上边的一层。css的作用就是设置网页中元素的样式。

而当我们设计元素样式时，首先就要对需要设置或者说修改的元素/标签/内容进行定位，而在css中，这项工作就是通过选择器来完成的。这一节的内容比较多，也比较重要。

目录

0.学习目标

01.css简介

02.css书写位置

03.css语法

04.css常用选择器

05.css复合选择

06.关系选择器

07.属性选择器

08.伪类选择器

09.a元素的伪类

10.伪元素选择器

11.继承

12.选择器的权重（较为重要）

---

0.学习目标

  1:css的基本简介，概念
  2:css书写位置，各自的优劣势
  3:常用的选择器有哪些，各自有什么特点或者说什么作用
  4:复合选择器有哪几种，怎么使用
  5:元素之间有哪些关系，子选择器，后代选择器，兄选择器的语法
  6:属性选择器语法，常用的属性选择器
  7:伪类选择器有哪些？
  8:a元素的伪类选择器
  9:伪元素选择器有哪些
  10:选择器的权重

01.css简介

 02.css书写位置

  
    
    
    
    
    
    

    
    
  
  

  
    

      李主往，罪一程，法。
      气京月，国是谭，冇。
      么觉妙当。
      
加我jwddf
      
在打然，是事整极向。
      
舟有答。
    
  
  

03.css语法

04.css常用选择器

  
    
    
    
    
    
  
  
    

      
登高
      
杜甫
      
风急天高猿啸哀，渚清沙白鸟飞回。
      
无边落木萧萧下，不尽长江滚滚来。
      
万里悲秋常作客，百年多病独登台。
      
艰难苦恨繁霜鬓，潦倒新停浊酒杯。
    
  

05.css复合选择

  
    
    
    
    
    
    
  
  
    
满江红·写怀
    
岳飞·宋
    
怒发冲冠，凭栏处、潇潇雨歇。
    
抬望眼，仰天长啸，壮怀激烈。
    
三十功名尘与土，八千里路云和月。
    
莫等闲，白了少年头，空悲切！
    
靖康耻，犹未雪。臣子恨，何时灭！
    
驾长车，踏破贺兰山缺。
    
壮志饥餐胡虏肉，笑谈渴饮匈奴血。
    
待从头、收拾旧山河，朝天阙。
  

06.关系选择器

  
    
    
    
    
    
  
  
    

      学校
      

        前端
        web2208 
        web2209
      
      

        后端
        java2214
        java2215
      
      
设计
    

    
  

07.属性选择器

  
    
    
    
    
    
  
  
    
满江红·写怀
    
岳飞·宋
    
····
    
靖康耻，犹未雪。臣子恨，何时灭！
    
驾长车，踏破贺兰山缺。
    
壮志饥餐胡虏肉，笑谈渴饮匈奴血。
    
待从头、收拾旧山河，朝天阙。
  

08.伪类选择器

  
    
    
    
    
    
  
  
    
沁园春·雪
    
毛泽东
    

      测试
      
望长城内外，惟余莽莽；大河上下，顿失滔滔。
      
北国风光，千里冰封，万里雪飘。
      
山舞银蛇，原驰蜡象，欲与天公试比高。
      
须晴日，看红装素裹，分外妖娆。
      
江山如此多娇，引无数英雄竞折腰。
      
惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。
      
一代天骄，成吉思汗，只识弯弓射大雕。
    
  

09.a元素的伪类

  
    
    
    
    
    
  
  
    bilibili
    baidu
    
而兴者郭。
  

10.伪元素选择器

  
    
    
    
    
    
  
  
    hello
    

      Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro fugiat maiores sit ex expedita beatae, sint quisquam amet quod cupiditate, tempora omnis impedit deleniti, iure fuga illo
      quibusdam. Alias, soluta?
    
  

11.继承

  
    
    
    
    
    
  
  
    

      我是一个p元素
      我是p元素的span元素
        我是span里面的em元素，我也可以继承
      
    
    我是p元素外的span元素，我不会继承
  

12.选择器的权重

  
    
    
    
    
    
    
  
  
    
    

      我是div元素
      我是div中的span元素
      我是div中的em元素