Selektory CSS

januszcjk123 · 1 Marca 2018

Witam ucze się selektorów i mam takie zadania

Wyswietlic zawartosc taga samochod (obecnie 'test')

Bez używania nth of type i tym podobnych. Pierwszy przykład najłatwiejszy który tu zamieściłem rozwiązałem go wpisując w cudzysłów " domek+samochod+domek+samochod" i jest ok natomiast nie mam pomysłu na 2 i 3 przykład

1 przykład

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></head><body>
       <domek></domek>
       <gwiazdka> </gwiazdka>
       <samochod> </samochod>
       <samochod>zly test </samochod>
       <domek></domek>
       <samochod>zly test</samochod>
       <gwiazdka> </gwiazdka>
       <slonce> </slonce>
       <gwiazdka> </gwiazdka>
       <domek></domek>
       <samochod>zly test </samochod>
       <domek></domek>
       <samochod>test </samochod>
       <domek></domek>
       <samochod>zly test</samochod>
       <slonce> </slonce>

   <script>
       alert(document.querySelectorAll("domek+samochod+domek+samochod")[0].innerHTML);
   </script>

</body></html>

2 przykład

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></head><body>
       <domek></domek>
       <gwiazdka> </gwiazdka>
       <samochod> </samochod>
       <samochod>zly test </samochod>
       <domek></domek>
       <samochod>zly test</samochod>
       <gwiazdka><kotek> </kotek></gwiazdka>
       <slonce> <piesek></piesek></slonce>
       <gwiazdka><zlypiesek> </zlypiesek></gwiazdka>
       <domek></domek>
       <samochod>zly test </samochod>
       <domek><ala></ala></domek>
       <samochod>zly test </samochod>
       <samochod>zly test</samochod>
       <gwiazdka> </gwiazdka>
       <slonce> </slonce>
       <gwiazdka> </gwiazdka>
       <domek></domek>
       <samochod>zly test </samochod>
       <domek></domek>
       <samochod>test </samochod>
       <domek></domek>
       <samochod>zly test</samochod>
       <slonce> </slonce>

   <script>
       alert(document.querySelectorAll("something something")[0].innerHTML);
   </script>

</body></html>

3 przykład

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></head><body>
       <domek></domek>
       <gwiazdka> </gwiazdka>
       <samochod> </samochod>
       <samochod>zly test </samochod>
       <domek></domek>
       <samochod>zly test</samochod>
       <gwiazdka><kotek> </kotek></gwiazdka>
       <slonce> <piesek></piesek></slonce>
       <gwiazdka><zlypiesek> </zlypiesek></gwiazdka>
       <domek></domek>
       <samochod>zly test </samochod>
       <domek><ala></ala></domek>
       <samochod>zly test </samochod>
       <samochod>zly test</samochod>
       <gwiazdka> </gwiazdka>
       <slonce> </slonce>
       <gwiazdka> </gwiazdka>
       <domek></domek>
       <samochod><ala>zly test </ala></samochod>
       <domek><kotek></kotek></domek>
       <samochod><piesek>zly test </piesek></samochod>
       <domek></domek>
       <samochod>zly test</samochod>
       <slonce> </slonce>
       <gwiazdka> </gwiazdka>
       <slonce> </slonce>
       <gwiazdka> </gwiazdka>
       <domek></domek>
       <samochod>zly test </samochod>
       <domek></domek>
       <samochod>test </samochod>
       <domek></domek>
       <samochod>zly test</samochod>
       <slonce> </slonce>

   <script>
       alert(document.querySelectorAll("something something")[0].innerHTML);
   </script>

</body></html>

Karister · 1 Marca 2018

To, co robisz nie bardzo ma sens. + To kombinator i nie jest dobrym wyborem do szukania tagów w takiej chaotycznej liście.

Jeśli chcesz, wyszukać konkretnie ten tag, co ma wpisane "test", powinieneś wyselekcjonować wszystkie tagi <samochod>, przeiterować się po nich i wyszukać ten z dobrą zawartością. Lub wersja bardziej pro: wyselekcjonować go XPathem.

Jeśli chcesz poćwiczyć używanie selektorów i kombinatorów, rób to na życiowych przykładach, bo ten się do tego nie nadaje.

januszcjk123 · 2 Marca 2018

Ja sobie zdaje z tego sprawę, tylko prowadzący daje takie głupie ćwiczenia i warunkiem jest to że nie można nic dopisywać tylko w cudzysłów i tak jak napisałem bez nth of type itp

Karister · 2 Marca 2018

Pozostaje trzymać kciuki, że prowadzący weźmie mocny rozpęd i dobrze wyceluje głową w ścianę, po czym już nigdy nie będzie pracował z komputerem.

Co do zadania, schemat działania masz ten sam. Patrzysz, jakie tagi są nad samochodem z test i szukasz ich tyle, by stworzyły unikalny ciąg. Albo po prostu wyselectuj wszystkie taki samochod i zwróć ten o odpowiednim id zamiast 0.

Zaloguj się

Temat został przeniesiony do archiwum

Selektory CSS

Rekomendowane odpowiedzi

januszcjk123 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Karister 1595

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

januszcjk123 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Karister 1595

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Ostatnio przeglądający 0 użytkowników

Tematy

Odpowiedzi

Aktywni użytkownicy

Przeglądaj

Aktywność