CSS3可以非常方便地判斷圖片屬性,并且可以根據(jù)不同的屬性來對(duì)圖片進(jìn)行樣式處理。下面是一些常見的圖片判斷方式:
img[src$=".jpg"] { /* 對(duì)文件名以.jpg結(jié)尾的圖片應(yīng)用樣式 */ } img[src^="http://"] { /* 對(duì)src屬性以http://開頭的圖片應(yīng)用樣式 */ } img[src*="apple"] { /* 對(duì)src屬性包含apple關(guān)鍵字的圖片應(yīng)用樣式 */ } img[alt~="red"] { /* 當(dāng)alt屬性包含red單詞時(shí),應(yīng)用樣式 */ } img[height="200"] { /* 對(duì)高度等于200px的圖片應(yīng)用樣式 */ } img:nth-child(odd) { /* 對(duì)奇數(shù)圖片應(yīng)用樣式 */ } img:nth-child(even) { /* 對(duì)偶數(shù)圖片應(yīng)用樣式 */ }
通過這些判斷方式,我們可以針對(duì)不同的圖片進(jìn)行特定的樣式處理,以實(shí)現(xiàn)更好的視覺效果。
上一篇mbstring.php
下一篇app php