• Страница 1 из 1
  • 1
Форум » III. HTML и CSS » Базовые основы CSS » Селекторы атрибутов (Форматирование элементов на основе имеющихся атрибутов)
Селекторы атрибутов
1 Примеры и пояснения

Цитата
Код
img[title]

выбираем все элементы img, имеющие атрибут title


Цитата
Код
.photo[title]

выбираем все элементы класса .photo, имеющие атрибут title


Цитата
Код
a[href = "http://www.ps-studio.info"] {
  color: blue;
  font-weight: 700;
}

выбираем ссылки с определённым URL-адресом и форматируем их внешний вид.


Цитата
Код
input[type = "text"]

выбираем только текстовые поля на странице

Изменить / Удалить

2
Цитата
Код
a[href^ = "http://"]

выбираем все ссылки, URL которых начинается с http://


Цитата
Код
a[href$ = ".pdf"] {
  background: url(icon.png) no-repeat;
  padding-left: 15px;
}

выбираем все ссылки, URL которых заканчивается на .pdf


Цитата
Код
img[src* = "photo"]

выбираем все изображения, атрибут src которых содержит слово photo

Изменить / Удалить

Форум » III. HTML и CSS » Базовые основы CSS » Селекторы атрибутов (Форматирование элементов на основе имеющихся атрибутов)
  • Страница 1 из 1
  • 1
Поиск: