【Web】CSS选择器

CSS

CSS（Cascading Style Sheets）是层叠样式表，主要用来控制HTML里面的内容如何展现
CSS的分类
【类选择器】、 【ID选择器】和 【标签选择器】

（这三个仅仅是最基础的CSS选择器，CSS选择器还有很多）

基本语法

1、标签选择器

故名思议，【标签选择器】就是用于修饰【HTML标签】的选择器

实例：

 li { 
     color: red; 
     font-size: 30px; 
     font-family: 隶书;
} 

在这个例子中，li标签成为了一个选择器

当【li标签】成为一个【选择器】之后，每当我们用到【li标签】时，就可以定义成统一的格式

在这个例子中，当以后我们用到【li标签】时，字体颜色就会成为红色，字体为隶书，大小为30像素

如果以后想修改【li标签】的格式，只用将选择器修改了就好了

 

2、类选择器（Class）

当 【li标签】成为选择器后，以后的 【li标签】的格式将会固定

那么如果我们还希望 【li标签】采用其他的样式，怎么办呢？

这时候就需要用到 【类选择器】啦

类选择器的格式

点+类名，然后我们可以在类中定义该选择器的格式

<style type="text/css">
         .blue{color:blue;}                
</style>

如此，我们便定义了一个 【类选择器】

class代表类，后面跟类名

<li class="blue">家用电器</li>

之后，我们便可以在 【li标签】使用

家用电器这几个字便变成了蓝色的了~

然而其他的 【li标签】则不受影响

3、ID选择器

如果想控制div中的某一个板块，则选用 【ID选择器】

上例中定义了一个 【ID选择器】，名字为menu

<div id="menu">
  <ul>
    <li>家用电器</li>
   ……
  </ul>
</div>

此后，我们便可以在div中使用这个选择器了