css之选择器

1.选择器的分类：

                           ①基础选择器：标签选择器、类名选择器、ID选择器、多类名选择器、通配符选择器

                           ②复合选择器：交集选择器、并集选择器、后代选择器、子代选择器

                           ③伪类选择器：一般用于a标签

2.基础选择器：

                           ①标签选择器：通过标签的名获取指定元素，适用于只出现一次的标签

                           ②类名选择器：在标签里加个class属性，例：<div class="类名"></div> 就可以通过. 类名{}的方式设置属性

                               类名命名规范：一般由字母、数字、-组成，且不以数字开头，有语义化，驼峰命名法（即第二个单词开始 每个字母开头大写）

                           ③id选择器：在标签里加个id=“id值”，通过#id值得方式设置属性

                           ④通配符选择器：能给页面中所有元素设置属性 * { }

                           ⑤多类名选择器：在类名选择器的基础上，在class中加多个类名（空格隔开），就可以用其中特殊的那个类名给这个标签单独加属性

3.复合选择器：

                           ①交集选择器：给两个元素有交集的地方 例：div.box1{}

                                                   也可以.box1.box2{}

                           ②并集选择器：给两个不同的元素设置 例：.list1,

                                                                                            .list2{}

                                                   每个元素必须占一行

                           ③子代选择器：适用于嵌套元素 例：.list1>li{}

                                                   >前后必须是嵌套时相连的

                           ④后代选择器：也适用于嵌套元素 例 ：list li{}

                                                   空格后是前面的后代

4.伪类选择器：

                            ①鼠标点击链接分为4个阶段：点击前，鼠标放在连接上，点击时，点击后。分别为：.link:link{}、.link:hover{}、.link:active{}、.link:visited{}

                               注：写时要注意顺序：l、v、h、a

                            ②清除缓存：ctrl shift + del

                            ③对于其他标签， 只有：hover{}和：active{}能用

                            ④在样式设计时加上text-decoration：none；可以把链接上的下划线去掉

                            ⑤去掉ul或ol前默认的小点或序号：list-style：none；

                            ⑥设置元素的宽高属性：width：500px

                                                                 height：500px