CSS-选择器

选择器的定义

选择器
{
    样式；
}

标签选择器

可以为标签添加统一的样式。比如：

p
{
    color:red;
}

这样所有的p标签文字颜色变为红色。

类选择器

最常用的选择器，想怎么改变样式就怎么改变：

.myStyle
{
    font-size:20px;
}

通过添加class="myStyle"，就可以将任意文字变成20px。

ID选择器

#myStyle
{
    font-weight:bold;
}

通过id="myStyle"将文字变为粗体。
ID选择器和类选择器的区别：
1. id选择器只能作用于一个标签，不能重复使用，而类选择器可以重复使用。
2. 类选择器可以使用样式列表，同时添加多种样式，比如：class="myStyle1 mtStyle2"，而id选择器不可以。、

子选择器（>）

.myStyle>span
{
    color:red;
}

这里，重要的是（>），表示class="myStyle"下的第一代子元素span文字变为红色。

后代选择器( )

.myStyle span
{
    color:red;
}

这里，重要的是( )–空格，表示`class=”myStyle”下的所有span标签文字变为红色。

通用选择器

*
{
    color:red;
}

所有文字将变成红色。

伪类选择器(:)

a:hover
{
    font-size:20px;
}

这里，重要的是（:），表示a标签在鼠标移动上去后文字变成20px。

分组选择器(,)

h1,.myStyle
{
    color:red;
}

这里，重要的是（，），表示h1标签和class="myStyle"下的文字变成红色。

另外，!important可以设置最高优先级