#html #css #csshtml
Селектор (ағылшынша selector) сұрыптау, іріктеу деген мағынаны білдіреді. CSS әлемі - HTML нысан мен элементінің қасиеттерінің және
көрінісінің (стильдерінің) сиқырлы әлемі.
Элемент бойынша селектор:
Стильдер кестелерінің тілінде селектор ретінде HTML тіліндегі атауларды пайдалануға болады. Мысалы, HTML құжатта азатжолдағы (абзац) барлық мәтін 14 өлшемдегі Аrial қарпімен жазылуы керек болса, ол төмендегідей жазылады:
Р{
font: normal 14pt Arial;
}
бұл жерде селектор ретінде HTML тілінде жеке жолды көрсететін Р элементі таңдалды.
Сынып (Класс) бойынша селектор:
Егер азатжол екеу болса және екеуін де бірдей түске бояу керек болса,
«Не істеу керек?» деген сұрақ туындайды. Р style="color:blue"/. Тек осы азатжолдың түсі көк болады, /Р коды тек осы азатжолды ғана көк түске бояйды. Егер осындай бірнеше азатжол болса, онда НТМL-де оның бәрін бірдей түске бояу үшін, сlаss (сынып) атрибутын пайдаланамыз. Р сlаss="bluе" Осы азатжолдың және басқа да азатжолдардың бәрінің түсі көк түске ауысады /Р.
HTML-де элементтің идентификаторы id параметрі арқылы беріліп, оның мәні ретінде бірегей (қайталанбас) атау беріледі. Мысалы: p id="pink" Идентификаторлық мәтіннің азатжолы (id)./p Атауға HTML және CSS-тегі тег, параметр және элемент аттарынан басқа кез келген сөзді қоюға болады. Мысалы, идентификаторға body атауын қоюға болмайды.
Контекстік селектор
Web-бетті жасаған кезде бір тегтің ішіне басқасын орналастыруға тура келеді. Тегтердің мәнерлері (стиль) браузерде дұрыс көрінуін қамтамасыз ету үшін контексте жұмыс істейтін селекторлар көмектеседі.