css选择器

行内样式>内部样式>外部样式 就近原则

外部样式两种写法

1链接法

<link rel="stylesheet"   href="demo01.css">

2 导入法  CSS2.1特有的

@import url("  ");

放在style标签中

选择器

基本选择器

1标签

2类   .+类名称

3 id   #+id名称

id选择器>类选择器>标签选择器

---

层次选择器

1.后代选择器

     在某个元素的后面

body p{
   background:red;
}

2.子选择器

body>p{

background:red;

}

3.相邻选择器

.active+p{

    background:   ;
}

4.通用选择器    当前选中元素的向下的所有兄弟元素

.active~p{

    background:   ;
}

---

结构伪类选择器

ul的第一个子元素

ul li: first-child:{   }

ul的第二个子元素

ul li:last-child:{    }

定位到父元素，选择当前的第一个元素

p:{

nth-child(1):}

:nth-child 与 :nth-of-type 的区别：

:nth-child 和 :nth-of-type 都能选择子元素，它们到底有什么区别呢？

区别其实也很简单，E:nth-child(n) 是把所有子元素作为选择对象，选择其中的第n个子元素，且这个子元素的类型必须是 E，如果不是，则选择失败。而 E:nth-of-type(n) 则先把类型为E的所有子元素选择出来，从1开始编号，然后把这些子元素作为选择对象，选择其中的第n个。假如有以下HTML代码片段： 
原文链接：https://blog.csdn.net/ixygj197875/article/details/79038041

---

 style样式:    a:hover  给链接加颜色，一点击会出现颜色变化