CSS小知识

css伪类

css模拟js 事件,比如可以设置鼠标悬停状态

a:hover{
color:#fffff
}

定位元素

父选择器及优先级

!important> style(内联)> id选择器 #id{color:red} >类选择器 .className{} >元素选择器 div{} >统配选择器 *{}

*{
    margin:0;
    padding:0;
}

第一级别：无优先条件的属性我们只要在属性后添加 !important 即可。这个属性可以覆盖此页面所有位置定义的同种元素样式。

第二级别：在元素标签内直接添加 style ，俗称内联样式。

第三级别：ID 选择器。例：#id{color:red;}

第四级别：类选择器，属性选择器或者伪类选择器。例：.one{color:blue;}

第五级别：元素选择器。例：div{color:yellow;}

第六级别：统配选择器。例：*{color:green;}

后代选择器

大于号 > 大于 子元素选择器

某元素后面第一代子元素

比如table标题后面第一行

选择器	使用	举例
后面一个 动态表格时		th>tr{}
~	之后全部相同元素 两个元素必须处于同一个父元素	.box~h2{} box之后所有二级标题
空格	派生选择器 后面所有子元素	h1 span{}
,	群组选择器 几个选择器公用一个样式	h1,h2,h3{}
+	相邻"兄弟"选择器 可以选择其后某元素	span+h1{} 例: 定位表格标题后面第一行元素