Применение, удаление или переименование стилей класса CSS

Поиск

Последнее обновление 21 мая 2021 г.

Узнайте, как применять, удалять или переименовывать стили класса CSS в Dreamweaver

Примечание.

В Dreamweaver и более поздних версиях панель «Стили CSS» заменена конструктором CSS. Дополнительные сведения см. в разделе «Конструктор CSS».

Стили класса — единственный тип стилей CSS, которые можно применять к любому тексту в документе, независимо от тегов, управляющих текстом. Все стили класса, связанные с текущим документом, отображаются на панели «Стили CSS» (с точкой [.] перед их именем) и во всплывающем меню «Стиль» инспектора свойств текста.

Большинство обновленных стилей отображается немедленно, но чтобы убедиться, что стиль применен верно, необходимо просмотреть страницу в браузере. При применении двух или нескольких стилей к одному тексту могут возникнуть конфликты стилей с непредсказуемыми результатами.

Примечание.

При просмотре стилей, определенных во внешней таблице стилей CSS, необходимо сохранить таблицу стиля, чтобы изменения были отражены при просмотре страницы в браузере.

Применение стиля класса CSS

Выберите в документе текст, к которому нужно применить стиль CSS.

Разместите курсор вставки в абзаце, чтобы применить стиль ко всему абзацу.

Если выбран фрагмент текста внутри одного абзаца, то стиль CSS влияет только на выбранный фрагмент.

Чтобы точно задать тег, к которому должен быть применен стиль CSS, выберите его в селекторе тегов, размещенном в левой нижней части области «Окно документа».
Чтобы применить стиль класса, выполните одно из следующих действий.
- На панели «Стили CSS» («Окно» > «Стили CSS») выберите режим «Везде», щелкните правой кнопкой мыши имя стиля, который нужно применить, и выберите пункт «Применить» из контекстного меню.
- В инспекторе свойств HTML выберите из всплывающего меню «Класс» стиль класса, который нужно применить.
- В области «Окно документа» щелкните правой кнопкой мыши (Windows) или щелкните при нажатой клавише Control (Macintosh) выбранный текст, затем выберите из контекстного меню «Стили CSS» стиль, который нужно применить.
- Выберите «Формат» > «Стили CSS», а затем выберите из вложенного меню стиль, который нужно применить.

Удаление стиля класса из выделения

Выделите объект или текст, из которого нужно удалить стиль.
В инспекторе свойств HTML («Окно» > «Свойства») выберите пункт «Нет» из всплывающего меню «Класс».

Переименование стиля класса

На панели «Стили CSS» щелкните правой кнопкой мыши стиль класса CSS, который нужно переименовать, и выберите пункт «Переименовать класс».

Примечание.

Можно также переименовать класс, выбрав пункт «Переименовать класс» из меню параметров панели «Стили CSS».
В диалоговом окне «Переименовать класс» убедитесь, что класс, который нужно переименовать, выбран во всплывающем меню «Переименовать класс».
В текстовом поле «Новое имя» введите новое имя для нового класса и нажмите кнопку «ОК».

Если класс, который нужно переименовать, является внутренним по отношению к заголовку текущего документа, то Dreamweaver изменяет имя класса и все экземпляры имени класса в текущем документе. Если класс, который нужно переименовать, является внешним CSS-файлом, то Dreamweaver открывает и изменяет имя класса в файле. Dreamweaver также запускает диалоговое окно «Найти и заменить», действующее в масштабах всего сайта, чтобы можно было найти все экземпляры старого имени класса в сайте.