Применение класса CSS к более чем одному элементу. Это относится ко всем из них. Как я могу указать? - PullRequest
Новая
       0

Применение класса CSS к более чем одному элементу. Это относится ко всем из них. Как я могу указать?

0 голосов
/ 26 июля 2011

Я следовал инструкциям, опубликованным в первом ответе этой темы:

Как я могу сделать этот код наведения короче?И как я могу создать файл CSS, который реализует настройки для более чем одной кнопки?

Но кнопка была добавлена ​​ко всем ссылкам.Все, что я хочу сделать, это создать больше кнопок, сохраняя при этом короткий код, чтобы одна часть настроек CSS могла быть применена к другим подобным кнопкам.Пожалуйста помоги?Спасибо.

1 Ответ

1 голос
/ 26 июля 2011

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

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

Вот пара из макушек, которые могут быть вам полезны.

Выбор по идентификатору или классу

Вы можете выбрать один элемент по его идентификатору или несколько элементов по имени класса.Имейте в виду, что только один элемент на странице может иметь одинаковый идентификатор, но многие элементы могут иметь один и тот же класс.

HTML 

<div id="myIdSelector"></div>

и 

<div class="myClassSelector"></div>

CSS

Идентификаторы ссылаются с использованием символа #, а классы с использованием символа . (точка) в CSS 

    #myIdSelector{
     /* Styles for this single item */
    }

    .myyClassSelector{
    /* Styles here for this collection of items */
   }

Выбор потомков

Это в основном относится к выбору элемента на основании того, что он является в некотором роде потомком другого элемента.Самая простая форма этого - дочерний селектор.Рассмотрим следующее: 

div p{ /* styles here */}

Это ссылка на все теги абзаца, которые находятся внутри (потомков) деления.

Другой пример объединения селектора идентификаторов с селектором дочерних элементов: 

#myNavMenu li a{ /* styles here */}

На этот раз мы стилизуем все элементы привязки, которые находятся внутри элементов списка, которые, в свою очередь, находятся внутри чего-либо с идентификатором myNavMenu.

...