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ściReguł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.
<