在CSS中,有一種非常方便的選擇器,那就是屬性選擇器。屬性選擇器可以選擇包含特定屬性值的元素,讓樣式更加靈活,下面我們來詳細介紹一下CSS3中常用的屬性選擇器。
[attribute]
這是最基本的屬性選擇器,可以選擇具有特定屬性的元素。例如:
a[target] { color: #ff0000; }
將會選擇這樣的元素:
<a target="_blank">example</a>
target屬性值為"_blank"的超鏈接將會被設置成紅色。而其他的超鏈接則不會。
[attribute=value]
這個選擇器可以選擇具有特定屬性值的元素。例如:
a[] { color: #ff0000; }
將會選擇這樣的元素:
<a ] { color: #ff0000; }
將會選擇這樣的元素:
<a ] { color: #ff0000; }
將會選擇這樣的元素:
<a ] { color: #ff0000; }
將會選擇這樣的元素:
<a 的元素將會被設置成紅色。以上就是CSS3中常用的屬性選擇器,可以根據不同的需求靈活應用,提高樣式的可操作性。
上一篇css3屬性cursor
下一篇css 加click事件