css选择器分类

选择器分为基础选择器和复合选择器；为页面中某标签指定css样式。

一.基础选择器

1.1标签选择器

标签名{

                属性：属性值；

                 color：red；

}

1.2类选择器

单独选一个或者某几个标签，可以用类选择器；

CSS中id选择器以‘ .  ’来定义，html中以‘ class ’ 来获取

.类名1{

                属性：属性值；

                color：red；

}

.类名2{

                属性：属性值；

                width：100px；

}

<div class="类名1 类名2">一个标签可以放多个类</div>

1.3   id选择器

css中用‘#’来定义，html以‘id’属性来设置

#id名{

        属性：属性值；

}

<div id="id名"></dive>

id选择器与类选择器器的区别：只能调用一次，别的标签用不了

1.4通配符选择器

在css，通配符选择器用” * “定义，它表示选择页面所有的标签

*{

        color：red；

}/!-- 这里把所有的标签都改为红色--！/

二.CSS的复合选择器

复合选择器实在基础选择器上进行组合形成的。

2.1 后代选择器

                  元素1 元素2{ 样式 }

                    ul li {color：red；}

<ul>

        <li>     我红了

                     <p>   我也红了    </p>

         </li>

</ul>

• 元素1和元素2中间用空格隔开；
• 元素1是元素2的父级，最终样式作用在元素2（子级）内所有的标签；

2.2 子选择器

元素1>元素2{样式声明}

div>p{color:red}

• 只作用在p这一个,其它不受影响

2.3 并集选择器

元素1，元素2{样式声明}

div,

p{

 color:red;

}

• 逗号表示和的意思，集体声明；

2.4伪类选择器（lVHT）

链接类：

a:link /*选择所有未被访问类*/

a:visited/*选择已经访问过*/

a:hover /*选择鼠标指针位于其上的链接*/

a:active/*鼠标按下没松开*/

按顺序写，link，visited，hover，active；

focus类：

input：focus{

background-color：black；

}//把获得光标input表单选取出来