CSS即层叠样式表（Cascading StyleSheet）

//共有样式
div,p{
}

/**通配符*/
*{
    background: red;
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
    font-size: 20px;
}

/**类选择符*/
.hp{
    color: green;
}

/**id选择符*/
#id{
    
}

/**类型选择符*/
div{
}

/**关系选择符*/
/**兄弟选择符   对向上的元素没有效果*/
p~p{
}

/**p元素后的p元素*/
p+p{
}

/**包含选择器，包括所有包含*/

ul li{
}

//属性选择符
a[href]{
    
}

a[href="http://www.mamicode.com/www.baidu.com"]{
    
}
//伪类选择符
a:link{
    
}

//伪对象选择符

a:before{
  
}

//css优先级***************************

 important>内联>id>类>标签[伪类]属性选择器>伪对象>继承>通配符

css基础