tr:hover{background-color:#ccc} //鼠标进入时,变灰色
属性选择器
span[class=demo] { color: red; }
类型选择器
td { font-size:14px; width:120px; }
包含选择器
table td { font-size:14px; }
子对象选择器
body > p { font-size:14px; }
选择分组选择器
.td1,div a,body { font-size:14px; } //用逗号分开,三组都用这一个样式
伪对象,伪类选择器
a.fly :hover { font-size:14px; color:red; } //CLASS为fly的<a> hover的时候 鼠标悬停时的CSS
伪类
:link <a>未被访问之前
:hover 鼠标悬停时
:active 激活 或者 点击 鼠标点击与释放之间的样式
:visited <a>已被访问过的样式
:first-child 第一个子对象 table tr:first-child table下的第一个tr
:focus 获取焦点时的CSS
伪对象
:first-letter 第一个字符的样式
:first-line 第一行的样式