复习一下CSS，做笔记记录一下

学习记录:

---

CSS导入方式

• 链接式：

  <link rel="stylesheet" href="">
  

• 导入式：

  <style>
      @import url(); //不推荐
  </style>
  

---

层次选择器

1.后代选择器：在某个元素的后面

body p{
   background: red;
}

2.子选择器

body>p{
   background:red;
}

3.同级选择器

/*相邻弟选择器:只有一个，相邻（向下）*/
.youclass + P{
   background:red;
}

4.通用选择器

/*通用兄弟选择器，当前选中元素的向下的所有兄弟元素*/
youclass~p{
   background:red;
}