Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31


Чувашия-это моя Россия

Селекторы в CSS и как создать сайт.

(продолжение)

Точное значение атрибута в CSS.

Элементы выбираются на основе точного значения указанного атрибута: элемент[атрибут="точное_значение"].

Пример:

                    img [ title="first grade"] {
                                           border: Зрх red;
                                           }  

Выбираются только изображения, атрибут title которых имеет значение first grade. Строка символов в значении должна полностью совпадать с указанной.

Часть значения атрибута при создании бесплатного сайта.

Для тех атрибутов, которые принимают списки значений, разделенные пробелами, данный селектор позволяет проводить выбор только по одному из этих значений (а не по всей строке). Тильда (~) в селекторе отличает этот селектор от того, в котором используется точное значение, элемент[ атрибут~="значение" ].

Пример:

                    img [ title~="grade"] {
                                          border: Зрх red;
                                          }

Этот селектор выбирает изображения, содержащие слово grade в списке значений атрибута title. Данный селектор выберет изображения, где title="first grade" или title="second grade".

Значения атрибутов, разделенные тире.

Этот селектор предназначен для выбора значений, разделенных при помощи тире. Селектор выбирает элемент, где атрибут имеет указанное значение или указанное значение, за которым следует тире. Такой тип селектора атрибутов обозначается вертикальной чертой (|). Лучше показать это на примере, элемент [ атрибут|="значение" ].

Пример:

                      * [ HReflang|="es" ] {
                                          color: red;
                                          }

Данный селектор выбирает все элементы, где атрибут имеет значение es или его значение начинается с es-. Будут выбраны элементы, где язык гиперссылки обозначен как es, es-ar или es-es (иными словами, будут найдены все варианты испанского языка). Выбор по языковым подкодам - наиболее типичная область применения данного типа селектора атрибутов (например, для того, чтобы установить языковые флаги в гиперссылках для указания сайтов или страниц на другом языке), но этим его применение никоим образом не ограничивается и, конечно, применяется для всяких переборов, логических сравнений и т.п.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: