我一直在嘗試用CSS創建一個border-color
更改懸停效果,並且某些東西似乎無法正常工作。這裏是我的代碼:懸停時的邊框顏色變化
標記:
<ul>
<li class="hover">
<img src="img/content/lighter.png" alt="lighter"/>
<p>Discusing Strategy</p>
</li>
<li class="triangle"></li>
<li class="hover">
<img src="img/content/wrench.png" alt="wrench"/>
<p>Beginig <br/> Designs & Development</p>
</li>
<li class="triangle"></li>
<li>
<img src="img/content/car.png" alt="car"/>
<p>Delivering Product</p>
</li>
</ul>
CSS:
div#bpath ul li.triangle {
width: 0;
height: 0;
border-top: 95px solid #d0dde5;
border-left: 20px solid #c1c1c1;
border-bottom: 95px solid #d0dde5;
}
div#bpath ul li.hover:hover li.triangle {
border-left-color: #5f9999;
}
什麼我錯在這裏做什麼?我使用了相同的技術來改變p
元素的顏色並且工作。爲什麼不能進行邊框顏色轉換工作?
阿爾您所提供的答案wasent的一個我尋找第二個選擇器似乎已經做了招數謝謝 – user1146440 2012-02-25 12:24:05