ПредишенСледващото

Тъй като ние не искаме да оформите нашите HTML елементи в същото време, трябва да бъде в състояние да изберете подмножество от тези елементи.

CSS селектори определят кои елементи искаме да приложим стил.

Основна селектор таг

Насочване на основните HTML тагове е лесно: просто използвайте името на маркер.

Има пряка връзка между името и HTML тагове, използвани за избор на CSS.

Като се има предвид, че ние вероятно не искате да оформите всички параграфи, или всички заглавия по същия начин, ние трябва да се прави разлика между тях.

От всички атрибути на HTML клас атрибут е най-важното за CSS. Тя ви позволява да се определи група от елементи на HTML, които точно можем да се стремят. Просто сложете точката пред името на класа, който искате да използвате:

От друга страна има атрибут HTML клас с вальор. Той трябва да съответства на името на CSS клас.

Можете да използвате всеки име за своя клас, но тя не започва с цифра.

.date селектор клас ще се фокусира върху всички елементи на HTML приписват клас = "дата". По този начин, тези HTML елементи всички ще бъдат стилизирани:

Имайте предвид, че името на маркера не е важно. счита само атрибут клас.

идентификатори

Можете също така да използвате атрибут за идентификатор в HTML и го определи в CSS, с помощта на решетката:

Документи за самоличност са сходни с класове, тъй като те също са базирани на HTML атрибути.

всеки


  • всеки
  • вътре предшественик

      всеки
    1. в предшественик с клас = "DICO"

      Комбинирането на селектори

      Нека използваме предишния пример, където искаме да направим нашите дати в червено:

      Ако искаме вместо да ни дати в рамките на Появява се в синьо? Можем да добавим следното правило CSS:

      em.date съчетава:

      • селектор таг ги;
      • селектор клас .date.

      Тя ще се прилага само за елементите . Това няма да засегне други .date или .

      йерархия селектори

      Gap в селектора определя съотношението на родител / дете. Да кажем, че искаме да се свържете с тази титла червен;

      псевдо

      HTML елементи могат да имат различни държави. Най-често срещаният случай - когато задържите мишката върху линка. СГО е възможно да се прилага различен стил, когато има такова събитие.

      Псевдо обвързани с конвенционалните селектори и да започне с двоеточие:

      Свързани статии

  • Подкрепете проекта - споделете линка, благодаря!