1.鼠标小手样式
a{cursor:pointer;}
2.隔行换色样式
tbody>tr:nth-child(odd){background-color: #F2F2F2;}
tbody>tr:nth-child(even){background-color: #ff5500;}
3.给第n个li标签设置样式
ul>li:nth-child(2){color: #00a0e9}
ul>li:nth-child(3){color: #FF0000}
4.给第一个和最后一个li标签设置样式
ul>li:first-child{color: #0EB800}
ul>li:last-child{color: #0000ff}
5.超出宽度的文字用 … 代替
ul>li{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
6.超链接点击后的样式设置
a:visited{background-color: #4A4A4A}
7.超链接末被点击的样式设置
a:link{background-color: #ffff00}
8.鼠标位于超链接上时的样式设置
a:hover{cursor:pointer;}
9.去掉a标签的下划线
a{text-decoration: none}
|
|