CSS的选择器其实大类的话可以分为三类,即id选择器、class选择器、标签选择器。
用法如下:
#id名 { 属性名:属性值; }
.class名 { 属性名:属性值; }
标签名 { 属性名:属性值; }
其中,他们之间又可以以不同的方式进行组合,如下:
后代选择器: div p { 属性名:属性值; }
子代选择器: div>p { 属性名:属性值; }
相邻同胞选择器: div+p{ 属性名:属性值; }
群组选择器: #name1, .name2, #name div { 属性名:属性值; }
伪类选择器: .name:hover
伪元素选择器: a:after{ clear: both;}
通用(通配符)选择器: * { 属性名: 属性值; }……
属性选择器: input[type=checkbox]{ margin-left: 10px;}
常用的也就这些。