图（三）：
大家会看到，第三图没有任何变化，而第一第二图中出现的都是第三图的背景图片，第二图的透明颜色也换成了第三图的透明颜色。这说明什么，这说明在选择器同名的情况下，浏览器会读取最后一个选择器的内容，前面的就成了“摆设”被弃用。要想再有第四图，第五图，要想让它们有不同的背景图片，就要对选择器有不同的命名，不得重名，这是必须的。
看看下图，我们给选择器命个新名“丁香花”。
（ 请 将 鼠 标 放 在 图 片 上 ）
上图代码：
＜div align="center"＞
＜style type="text/css"＞div.丁香花 { width: 600px; height: 450px; background: url(http://www.oldkids.cn/upload/2018/08/16/blog_
20180816183121994.gif) no-repeat;
＜/style＞
＜div class="丁香花"＞
＜p＞＜img 6src="http://www.oldkids.cn/upload/2018/08/16/blog_
20180816182844159.jpg" style="width: 600px; height: 400px;" /＞＜/p＞
＜style type="text/css"＞.名称{ 花里藏娇 }
img { opacity:0.2; filter:alpha(opacity=100); }
img:hover { opacity:1.0; filter:alpha(opacity=100); }
＜/style＞
＜/span＜/p＞ ＜/div＞ ＜/div＞
你会看到两组透明度代码，一个的值是 0.2，最透明；另一个的值是1.0，最不透明。朋友们把这二值互换一下，看看会怎样变化。
