11 Селекторы в CSS.

Авторский знак. 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


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

Селекторы в CSS.

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

Атрибут id в CSS используется примерно так же, как class, но он применяется для выбора одного элемента, а не группы. Атрибут id должен однозначно указывать элемент (иными словами, два элемента не могут иметь одинаковое значение id в одном документе). Это не проблема, если id должен использоваться в разных документах сайта, но все же делать этого не стоит. Что слов других найти и написать, хотя уникальность должна сохраняться только в пределах одного документа. Если у Вас есть несколько элементов, которые нужно обрабатывать сходным образом, используйте атрибут class, о чем только Вы узнали на предыдущей странице сайта.

В следующем примере абзацу присваивается специфический идентификатор (обратите внимание, что значение атрибута id должно начинаться с буквы): < р id="j_01">Пусть будет так, но не иначе.< /p>.

Селекторы id в таблице стилей обозначаются символом решетки (#):

                        p#j_01 {
                               color: red;
                               }
                               
                 Название элемента можно опустить: 
                 
                           #j_01 {
                               color: red;
                                 }

В современном Web-дизайне атрибуты id часто применяются для идентификации основных разделов страницы (обычно элементов div). Вот некоторые типичные значения id, применяемые для этой цели: content, header, sidebar, navigation и footer. Разделы страницы позволяют упростить создание контекстных селекторов, позволяющих применять стили в зависимости от того, в каком месте на странице находятся элементы, и при этом не нужно создавать дополнительные классы. Как и для атрибутов class, значения атрибутов id следует выбирать на основе их семантической роли в документе ( то есть осмысленно и по делу,обычно смысл выбирают по-русски, но пишут на английском; например, идентифицируем элемент как красный, тогда id="krasnij", но никак не id="red"), а не стилевого оформления. Или другой пример: врезку на левой стороне страницы, содержащую новости, лучше назвать div id="sidebar-news", а не id="sidebar-left", чтобы не прозвучало здесь слово left и не смущало интерпретатор-компиллятора.

Селекторы атрибутов.

В CSS появилась система выборки элементов на основе специфических имен или значений атрибутов. Эта функция может использоваться для XML-языков, отличных от XHTML, которые могут не содержать атрибуты class и id. В XHTML также существует масса возможностей для использования селекторов атрибутов.

Существует четыре варианта селекторов атрибутов.

Наименее специфичный селектор атрибутов выбирает элементы с конкретным атрибутом, не учитывая значение атрибута. Синтаксис здесь следующий: элемент[атрибут].

Пример:

                 img[title] {
                          border: Зрх red;
                          }

Все изображения в документе, имеющие атрибут title, получают красную границу. Об этом на следующей странице.


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
... ... ...

обратно    назад    дальше     продолжение темы

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