Пачынаючы з CSS
CSS залежыць ад адпаведнасці шаблону правілы , каб вызначыць , які стыль ужываецца да якога элементу ў дакуменце. Гэтыя мадэлі называюцца селектары , і яны вар'іруюцца ад імёнаў тэгаў (напрыклад, р , каб адпавядаць тэгі абзаца) у вельмі складаныя мадэлі , якія адпавядаюць вельмі спецыфічныя часткі дакумента (напрыклад, р # MyID> b.highlight будзе адпавядаць любой б тэг клас падсвятлення, якая з'яўляецца нашчадкам абзаца з MyId ід).
Селектар CSS з'яўляецца часткай выкліку стылю CSS, які вызначае, якая частка вэб-старонкі павінны быць аформленыя. Селектар змяшчае адно або некалькі уласцівасцяў , якія вызначаюць , як абраны HTML будзе стыль.
У CSS селектары
Ёсць некалькі розных тыпаў селектараў:
- Селектары тыпу супастаўлення канкрэтнага элемента
- Селектары класа супастаўлення элементаў з пэўным класам
- ID селектары супастаўленне элемента з пэўнымі ID
- Селектары нашчадкаў Супастаўлення элементы , якія з'яўляюцца нашчадкамі пэўнага элемента
- даччыныя селектары-ўзгадняючыя элементы, якія з'яўляюцца нашчадкам канкрэтнага элемента
- універсальныя селектары-адпаведнасць якой-небудзь элемент
- сумежныя аднаўзроўневых Селектары-ўзгадняючыя элементы непасрэдна папярэднічаюць канкрэтны элемент
- Селектары атрыбутаў-узгадняючыя элементы з пэўным атрыбутам або значэннем атрыбуту
- псеўда-клас Селектары супастаўлення элементаў з пэўным класам псеўда
- Псеўда-элемент селектары супастаўлення элементаў з пэўнымі ўласцівасцямі псеўда-элементаў
Фармат Стылі CSS і CSS селектары
Фармат стылю CSS выглядае наступным чынам:
селектар {ўласцівасць стылю: стыль; }
Падзяляйце селектары, якія маюць адзін і той жа стыль з коскамі. Гэта называецца селектарам групоўка. Напрыклад:
selector1, selector2 {ўласцівасць стылю: стыль; }
Групоўка селектараў з'яўляецца скарочаным механізм, каб захаваць вашы стылі CSS кампактныя.
Вышэй групоўка будзе мець той жа эфект, як:
selector1 {ўласцівасць стылю: стыль; }
selector2 {ўласцівасць стылю: стыль; }
Заўсёды правярайце CSS селектары
Не ўсе браўзэры падтрымліваюць усе CSS селектары. Так што не забудзьцеся праверыць свае селектары як многія браўзэры, як на многіх аперацыйных сістэмах, як вы можаце. Але калі вы выкарыстоўваеце CSS 1 або CSS2 селектары вы павінны быць добра.