CSS中方括號(hào)的使用方法與JavaScript相似。在CSS樣式表中,方括號(hào)用于選擇具有指定屬性并設(shè)置了特定屬性值的元素。方括號(hào)內(nèi)包含屬性名和可選屬性值。
/*選擇所有title屬性值為“hello”的元素*/ [title="hello"] { color: red; }
方括號(hào)中的屬性值可以使用不同的匹配方式,例如:先匹配值包含指定字符串的屬性值。
/*選擇所有href屬性值包含“google”的元素*/ [href*="google"] { color: red; }
方括號(hào)中的屬性值還可以使用其他匹配符號(hào),例如“^”表示匹配以指定字符串開(kāi)頭的屬性值,“$”表示匹配以指定字符串結(jié)尾的屬性值,“~”表示匹配包含指定詞匯的屬性值等。
/*選擇所有class中包含“active”的元素*/ [class~="active"] { font-weight: bold; }
同時(shí)使用多個(gè)屬性選擇器時(shí),它們之間是“與”的關(guān)系。
/*選擇所有type屬性為“checkbox”且checked屬性為true的元素*/ input[type="checkbox"][checked] { border: 2px solid green; }
總而言之,方括號(hào)在CSS中的使用方式非常靈活,可以用于選擇各種具有不同屬性和屬性值的元素。使用它可以幫助您更準(zhǔn)確地為特定的元素應(yīng)用樣式