ist li a:hover{Аcolor:#006eb3;Аtext-decoration:underline;?}Р课堂实践Р课堂实践Р表格中应用定义datalist自定义类的样式Р.datalist{Аborder:1px solid #0058a3;?/* 表格边框*/Аfont-family:Arial;Аborder-collapse:collapse;?/* 边框重叠*/Аbackground-color:#eaf5ff;?/* 表格背景色*/Аfont-size:14px;?}Р三种基本选择器Р标记选择器Р类别选择器РID选择器Р2.实例2:电子相册Р课堂实践Р(1) 定义块中图片的样式Рdiv.pic{Аwidth:450px; height:160px; /* 块的大小*/Аmargin:6px;Аpadding:0px;?}Рdiv.ls{Аbackground:url(framels.jpg) no-repeat left;?/* 水平相片的背景*/?}?div.pt{Аbackground:url(framept.jpg) no-repeat left;?/* 竖直相片的背景*/?}Р3.实例3:电子相册Р(2) 定义横竖两种图片的样式Р复合选择器Р交集选择器Р并集选择器Р后代选择器Р课堂实践Р定义块中图片的样式Рa:link{color:#654300;}?a:visited{color:#654300;}?a:hover{Аcolor:#FFFFFF;Аtext-decoration:none;Аbackground:url(button2.jpg) no-repeat;?/* 变换背景图片*/?}?a.help:hover{?/* “帮助”按钮的样式*/Аcursor:help; /* 变幻鼠标形状*/?}Р4.实例4:电子相册Р选择器中伪类