W jakim zawodzie przydaje się ta wiedza?

Wiedza ta jest potrzebna w zawodach: TECHNIK INFORMATYK oraz TECHNIK PROGRAMISTA.

Gdzie mogę przećwiczyć więcej pytań z kwalifikacji INF.03?

Więcej pytań z kwalifikacji INF.03 znajdziesz na Zawodowe.edu.pl - darmowa baza pytań CKE z symulatorem egzaminu.

Tryb nauki (pokaż prawidłową odpowiedź)

Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Zawód: Technik informatyk, Technik programista

Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe

Słowa kluczowe: Atrybut id w HTML CSS Elementy blokowe i liniowe w HTML Selektory CSS

Który selektor sformatuje jednocześnie akapity z klasą „tekst” oraz element blokowy o ID „obrazki”?

Q: Do jakiej kwalifikacji zawodowej należy to pytanie?

To pytanie pochodzi z kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych. Wymagana w zawodach: Technik informatyk, Technik programista.

Q: Co oznacza selektor p.tekst?

Oznacza wszystkie elementy ``, które mają klasę `tekst`. Nie wybiera innych elementów z tą klasą, np. ``.

Q: Co oznacza selektor div#obrazki?

Oznacza element ``, który ma identyfikator `obrazki`. Selektor `#` odnosi się do atrybutu `id`.

p.tekst, div#obrazki

Dobrze. Przecinek grupuje dwa selektory: p.tekst i div#obrazki.

p.tekst + div#obrazki

Źle. + to selektor sąsiedztwa, nie grupowanie.

p#tekst + div.obrazki

Źle. Błędne oznaczenia i operator sąsiedztwa zamiast grupowania.

p#tekst, div.obrazki

Źle. Pomylono oznaczenia: klasę zapisuje się kropką, ID krzyżykiem.

Kropka oznacza klasę, a krzyżyk identyfikator: p.tekst to akapity z klasą „tekst”, a div#obrazki to <div> o id „obrazki”. Przecinek między selektorami GRUPUJE je, więc p.tekst, div#obrazki zastosuje tę samą regułę do obu zestawów elementów naraz. Dlatego to ten selektor jest poprawny.

Pozostałe warianty mylą symbole lub relację. Zapisy p#tekst i div.obrazki mają ZAMIENIONE oznaczenia (kropka to klasa, krzyżyk to id), więc trafiłyby w inne elementy. Znak + to selektor SĄSIADA (element zaraz po innym), a nie sposób na „oba naraz”. Grupowanie zapewnia przecinek: p.tekst, div#obrazki.

Pytania pomocnicze (7)

Do czego służy przecinek w selektorach CSS?

Przecinek grupuje selektory. Dzięki temu ta sama reguła CSS może zostać zastosowana do kilku różnych elementów jednocześnie.

Co oznacza selektor p.tekst?

Oznacza wszystkie elementy `<p>`, które mają klasę `tekst`. Nie wybiera innych elementów z tą klasą, np. `<div class='tekst'>`.

Co oznacza selektor div#obrazki?

Oznacza element `<div>`, który ma identyfikator `obrazki`. Selektor `#` odnosi się do atrybutu `id`.

Jaka jest różnica między klasą a identyfikatorem w HTML i CSS?

Klasa, zapisywana w CSS jako `.nazwa`, może być używana przez wiele elementów. Identyfikator, zapisywany jako `#nazwa`, powinien być unikalny w dokumencie HTML.

Dlaczego odpowiedź z plusem nie jest poprawna w tym pytaniu?

Znak `+` oznacza selektor sąsiedniego rodzeństwa, a nie jednoczesne formatowanie dwóch grup elementów. Do grupowania selektorów używa się przecinka.

Czy selektor .tekst i p.tekst oznaczają to samo?

Nie. `.tekst` wybiera każdy element z klasą `tekst`, natomiast `p.tekst` wybiera tylko akapity z tą klasą.

Czy selektor #obrazki i div#obrazki oznaczają to samo?

Nie zawsze. `#obrazki` wybiera dowolny element z tym identyfikatorem, a `div#obrazki` tylko wtedy, gdy tym elementem jest `div`.

Który selektor sformatuje jednocześnie akapity z klasą „tekst” oraz element blokowy o ID „obrazki”?

Wymagane logowanie

Zgłoś błąd w pytaniu