русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

CSS селекторы стилей

В синтаксисе языка CSS селекторы играют роль указателя совокупности форматируемых данным стилем элементов документа. В качестве селектора могут быть:

  • Селектор типа элемента - задаёт стиль всякому элементу данного типа. Обозначается ключевым словом дескриптора соответствующего элемента. Универсальный селектор "*" позволяет задать стиль для каждого элемента документа, независимо от его типа;
  • Селектор класса и псевдокласса - для стиля подмножества элементов одного типа или нескольких различных. Селектор класса обозначается произвольным именем с префиксом ".". К кокретному любому элементу стиль можно применить, указав имя класса в атрибуте class
    <ДЕСКРИПТОР class="имя">
    Псевдоклассы имеют свои предопределённые имена. С помощью такого селектора можно выделить элементы документа, имеющие определённый динамический статус. Обозначается
    ДЕСКРИПТОР:псевдокласс;
    Таблица 2.1. Специальные псевдоклассы
    Имя Описание
    link Адресная ссылка <A>, по которой ещё не выполнялся переход
    visited Адресная ссылка <A>, по которой уже выполнялся переход
    active Элемент, активизированный щелчком мыши
    hover Элемент с курсором мыши (без щелчка)
    focus Элемент в фокусе (готовый принять ввод с клавиатуры)
  • Селектор атрибута - для стиля эелементов с определённым атрибутом (или определённым его значением. Обозначается
    ДЕСКРИПТОР[атрибут=значение];
  • Селектор идентификатора - для стиля отдельного элемента с указанным идентификатором. Обозначается
    ДЕСКРИПТОР#идентификатор

Можно использовать простые селекторы, именем одного тега, но можно строить и более сложные селекторы:

  • A> B Такой селектор определяет элемент вида В, который является дочерним для А.
  • A> B:first-child Этот селектор определяет первый дочерний элемент.
  • А1+А2 Такой селектор отбирает два соседних элемента одного уровня.
  • А1, А2 ... Аn Группирование селекторов позволяет сократить описание стилей в случае, если несколько элементов должны иметь одинаковый стиль.
  • A:first-line позволяет задать особый формат первой строки текстового содержания элемента.
  • A:first-letter позволяет задать особый формат первого символа.
  • A:before позволяет вставить генерируемый текст перед содержимым элемента (например, маркер).
  • A:after позволяет вставить генерируемый текст после содержимого элемента.

Просмотров: 18590

Вернуться воглавление


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.