INF.03Pytanie #1250 z 1558css-rwd-efekty-i-animacje

Który paragraf w przedstawionym kodzie zostanie wyświetlony czcionką o kolorze niebieskim?

html

<!DOCTYPE html>
<html>
<head>
<style>
div~p { color: blue; }
</style>
</head>
<body>
<div>
  <p>pierwszy paragraf</p>
  <div>
    <p>drugi paragraf</p>
    <p>trzeci paragraf</p>
  </div>
  <p>czwarty paragraf</p>
</div>
</body>
</html>

Opcje odpowiedzi:

Czwarty.

Prawidłowa

Drugi.

Pierwszy.

Trzeci.

Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: A (Czwarty.)

Selektor rodzeństwa ogólnego w CSS div ~ p { color: blue; } dopasowuje elementy <p>, które są rodzeństwem (występują na tym samym poziomie hierarchii DOM po elemencie div wewnątrz wspólnego rodzica). W kodzie czwarty paragraf występuje po wewnętrznym elemencie <div> wewnątrz nadrzędnego <div>, więc przyjmie kolor niebieski.

Dlaczego pozostałe opcje są nieprawidłowe?

B: Drugi paragraf znajduje się wewnątrz wewnętrznego <div> (jest jego dzieckiem, a nie rodzeństwem).
C: Pierwszy paragraf znajduje się przed wewnętrznym <div>.
D: Trzeci paragraf znajduje się wewnątrz wewnętrznego <div>.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03

Reklama

Podobne pytania z działu „Css rwd efekty i animacje”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 99 pytań z tego działu.

Zobacz wszystkie pytania z INF.03

Pytanie #1249 Zobacz całą bazę pytań (1558)Pytanie #1251