CSS各屬性選擇符區別，css屬性
ele[attribute]匹配具有屬性attribute的ele元素。
ele[attribute = value] 匹配具有屬性attribute且值為value的元素。
ele[attribute ~= value] 匹配具有屬性attribute且其中一個值為value的元素。(多個值用空格隔開)
ele[attribute |= value] 匹配具有屬性attribute且其中一個值為value的元素或者以value開頭緊接著是“-”連字號的ele元素。
ele[attribute ^= val] 匹配具有屬性attribute且值以val開頭的元素。
ele[attribute $= val] 匹配具有屬性attribute且值以val結束的元素。
ele[attribute *= val] 匹配具有屬性attribute且值以包含val的元素。
見代碼：
<!DOCTYPE html><html><head><style>[lang~=china]{background:yellow;}[lang|=english]{background:red;}[lang^=au]{background:green;}[lang$=en]{background:gray;}[lang*=lo]{background:blue;}</style></head><body><p lang="china">Hello!</p><p lang="english-1">Hi!</p><p lang="aus">Ello!</p><p lang="us-en">Hi!</p><p lang="color">nihao!</p><p><b>注釋：</b>對於 IE8 及更早版本的瀏覽器中的 [attribute|=value]，必須聲明 <!DOCTYPE>。</p></body></html>：
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
