Атрибут бойынша бір мәні бар селектор
Атрибут бойынша бір мәні бар селектор атрибутында көрсетілген мәндердің кем дегенде біреуі бар элементке стильді орнатады. Бұл ретте атрибуттың барлық мәндері бос орындармен бөлінуі керек.
Мысал
Барлық <p> тегтерін тауып,
олардың бір мәнінде test бар болса,
түсін көк етейік:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
Сондай-ақ қараңыз
-
атрибут селекторы,
элементті атрибут аты бойынша іздейтін -
атрибут селекторы,
элементті атрибут мәні бойынша іздейтін -
атрибут селекторы,
элементті атрибут мәнінің басы бойынша іздейтін -
атрибут селекторы,
элементті атрибут мәнінің соңы бойынша іздейтін -
атрибут селекторы,
элементті атрибут мәніндегі мәтін бойынша іздейтін -
атрибут селекторы,
элементті атрибут мәніндегі дефис бойынша іздейтін -
Балалық селектор,
элементтерді тікелей ішкі ену бойынша таңдауға мүмкіндік беретін -
Контекстік селектор,
элементті оның ата-анасы бойынша таңдауға мүмкіндік беретін -
Көршілес селектор,
элементті оның көршісі бойынша таңдауға мүмкіндік беретін -
Қарым-қатынас селекторы,
берілгеннен кейінгі элементтерді таңдауға мүмкіндік беретін -
Әмбебап селектор,
барлық элементтерді таңдауға мүмкіндік беретін