Selektor id w CSS

Selektor id w CSS
Selektor identyfikator wykorzystywał atrybuty identyfikatora elementu, aby ukierunkować na konkretny element. Ponieważ dokument HTML powinien mieć unikalny identyfikator elementu, dlatego selektor identyfikator jest ukierunkowany na jeden unikalny element. Jest to bardzo pomocne w tych scenariuszach, w których wymagane są szczegółowe zmiany. Gdy istnieje potrzeba wdrożenia stylizacji do jednego i określonego elementu, można zastosować selektor typu, taki jak selektor identyfikator.

Na przykład, jeśli musisz zmienić kolor tekstu wszystkich

Elementy można następnie wykorzystać selektor elementów. Jednak gdy musisz celować w jeden

tag, wówczas wymagany będzie bardziej specyficzny selektor, taki jak Selektor identyfikatora.

Składnia

Selektor identyfikacyjny jest opisany za pomocą znaku #, po którym następuje identyfikator elementu.

#idname CSS właściwości

Reguły wdrażania selektora identyfikatora

Istnieje pewne zasady, które należy przestrzegać z selektorami identyfikacyjnymi.

Pierwszą zasadą, którą należy przestrzegać w kontaktach z selektorem id. Na przykład:

W tej samej stronie wiele elementów HTML nie może mieć takich samych ID:

Jeśli element ma identyfikator, to musi być unikalny:

Ostatnią zasadą jest to, że nazwa id I wartość nieruchomości musi być taki sam:

Teraz rozważ poniższy przykład z ID „Styl”:






Selektor identyfikatora


Witamy w Linuxhint.com


akapit drugi



W powyższym fragmencie, jeden z

Elementy są stylizowane zgodnie z ID „Styl”. Dlatego właściwości #style będą miały zastosowanie tylko do tego

element, jak pokazano na poniższym wyjściu:

Selektor identyfikacyjny może być używany na różnych elementach HTML, takich jak obrazy, akapity, nagłówki itp.

Specyficzność CSS

Specyficzność CSS jest zestawem reguł, w których przeglądarka internetowa określa, która właściwość jest najbardziej odpowiednia/odpowiednia dla elementu. W CSS selektor identyfikator ma najwyższą swoistość wśród wszystkich innych selektorów ze względu na jego wyjątkowość.

Na przykład poniżej podany kod ma dwa style wskazujące na ten sam element I.mi.


<

Selektor identyfikatora


Witamy w Linuxhint.com


akapit drugi



Ponieważ styl klasowy jest pierwszy, a akapit wskazuje na styl „klasowy”, więc przeglądarka zastosuje styl selekcjoner klasy?

NIE! Przeglądarka określi specyficzność tych selektorów. Ponieważ selektor identyfikator ma większą swoistość, więc zaimplementuje właściwości za pomocą selektora identyfikatora, jak pokazano na wyjściu:

Wniosek:

Selektor ID CSS użył atrybutu dostępu do identyfikatora, aby nadać stylizację określonego elementu HTML. Wyjątkowość czyni priorytet selektora identyfikatora innych selektorów. Ma najwyższą swoistość w porównaniu ze wszystkimi innymi selektorami. Ten zapis dostarczył szczegółowego zrozumienia selektora identyfikacyjnego, jego składni, niektórych zasad, które należy przestrzegać w kontaktach z selektorami identyfikacyjnymi, a na koniec zapewniło wskazówki dotyczące specyficzności CSS.