Selektory w CSS to nie tylko tag HTML, jak p, a czy div. Nie musimy tez ogranicza\u0107 si\u0119 zawsze do identyfikatora czy klasy. <\/p>\n
Do dyspozycji mamy o wiele wi\u0119cej mo\u017cliwo\u015bci, a w\u0142a\u015bciwie kilkana\u015bcie wariant\u00f3w, dzi\u0119ki kt\u00f3rym mo\u017cemy przy wi\u0119kszych projektach znacznie u\u0142atwi\u0107 sobie \u017cycie.<\/p>\n
Do rzeczy:<\/p>\n
*<\/strong> – wszystkie elementy,\u00a0na przyk\u0142ad:<\/p>\n ni\u017cej na przyk\u0142adzie zastosowania identyfikator\u00f3w, klas, paragraf\u00f3w i blok\u00f3w, kilka mo\u017cliwo\u015bci, dzi\u0119ki kt\u00f3rym selektory nabieraj\u0105 odrobin\u0119 g\u0142\u0119bszego sensu:<\/p>\n div<\/strong> – wszystkie znaczniki div Selektory w CSS to nie tylko tag HTML, jak p, a czy div. Nie musimy tez ogranicza\u0107 si\u0119 zawsze do identyfikatora czy klasy.<\/p>\n","protected":false},"author":1,"featured_media":145,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[46,47],"class_list":["post-151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-css3-javascript","tag-css3","tag-selektory-w-css"],"_links":{"self":[{"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/posts\/151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/comments?post=151"}],"version-history":[{"count":0,"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/posts\/151\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/media\/145"}],"wp:attachment":[{"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/media?parent=151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/categories?post=151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/piotrgabriel.pl\/wiki\/wp-json\/wp\/v2\/tags?post=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}*\u00a0{<\/span>
\nbackground-color:<\/span>\u00a0yellow;<\/span><\/span>
\n<\/span>}<\/span><\/code><\/p>\n
\ndiv, p<\/strong> – wszystkie elementy div i akapity
\ndiv p<\/strong> – akapity wewn\u0105trz element\u00f3w div
\ndiv> p<\/strong> – wszystkie znaczniki p, jeden poziom w g\u0142\u0105b div
\ndiv + p<\/strong> – p tagi bezpo\u015brednio po div
\ndiv ~ p<\/strong> – znaczniki p poprzedzone przez div
\n.nazwaklasy<\/strong>– wszystkie elementy z klas\u0105
\n#nazwaid\u00a0<\/strong>– element o identyfikatorze
\ndiv.nazwaklasy<\/strong>– elementy div o okre\u015blonej nazwie klasy
\ndiv#nazwaid\u00a0<\/strong>– div z okre\u015blonym identyfikatorem
\n#nazwaid<\/strong> – * wszystkie elementy wewn\u0105trz identyfikatora #nazwaid<\/p>\n","protected":false},"excerpt":{"rendered":"