CSS中有時需要判斷某個元素是否符合某個條件,然后根據(jù)條件設置不同的樣式,可以使用CSS偽類和CSS選擇器等方式進行處理。
一、CSS偽類
/* :not偽類 */ p:not(.warning) { color: blue; } /* :not偽類的應用 */ p { color: red; } .warning p:not(:first-child):not(:last-child) { color: blue; }
二、CSS選擇器
/* 【屬性選擇器】 */ /* 【特定屬性】 */ input[type="password"] { background: #EEE; } /* 【特定屬性的開始、結尾或包含】 */ input[type^="b"] { background-color: blue; } input[type$="t"] { background-color: gray; } input[type*="sswo"] { background-color: green; } /* 【類別選擇器】 */ .warning { color: red; background-color: yellow; } /* 【層級選擇器】 */ .warning p { color: blue; } /* 【偽元素】 */ p:before { content: "Warning: "; font-weight: bold; }
以上就是CSS設置判斷的方法,希望對你有所幫助!