css经常使用选择器

CSS经常使用选择器：标签选择器，类选择器，ID选择器，派生选择器，子选择器，组合选择器

1：标签选择器：若是是一个声明，则不须要带分号，若是是多个声明，则最后一个声明不须要带分号

h1{
    color: red
}

h1{
    color: red; font-size: 14px
}

二、类选择器：在CSS里用一个点开头表示类别选择器定义，全部类的选择器的名字以一点开始，在句点后面必须以字母开始，类名中容许使用字目，数字，连字号”-“和下划线”_”，类名分大小写，类选择器能够单独使用，也能够也能够与其余元素结合使用。

.important {color:red;}

*.important {color:red;}

结合其余元素使用

p.important {color:red;}

选择器如今会匹配class 属性包含 important 的全部 p 元素，可是其余任何类型的元素都不匹配，不管是否有此 class 属性。

 

三、id选择器：id 选择器能够为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。

 #red {color:red;}  #green {color:green;}

id选择器只能用一次。 id 选择器和派生选择器 

#sidebar p {font-style: italic;text-align: right;margin-top: 0.5em;}

上面的样式只会应用于出如今 id 是 sidebar 的元素内的段落。 即便被标注为 sidebar 的元素只能在文档中出现一次，这个 id 选择器做为派生选择器也能够被使用不少次： 

#sidebar p{
    font-style: italic; text-align: right; margin-top: 0.5em;
}
#sidebar h2{
    font-size: 1em;font-weight: normal; font-style:italic;   margin: 0;line-height: 1.5;text-align: right;
}

给标签内的标签订义样式。 派生继承器 

h1  strong{
    color:red;
}

只有当<strong>出如今<h1>标签里才改变颜色。 没有出如今<h1>标签内的<strong>事件则不会受到影响。

子选择器：子选择器（child selector）仅是指它的直接后代

#links>a{
    color:blue;
}

组合选择器  在对多个元素应用相同的样式，容许组合多个选择器，用逗号将它们分开。

 h1,h2,h3,h4  {  
    color:red;
}