Kurs CSS3
Notatki
- Selektory
link do ćwiczenia
- Selektory atrybutów
link do ćwiczenia
w3school
| Selektor | wyjaśnienie |
|---|---|
| input[required] | Wybierz wszystkie elementy o nazwie tagu input, które mają atrybut required |
| [href="learn.you2.pl"] | Wybierz wszystkie elementy, które mają atrybut href równy learn.you2.pl |
| input[type="text"] | Wybierz wszystkie elementy o nazwie tagu input, a atrybucie type równym text |
| [href*="learn.you2.pl"] | Wybierz wszystkie elementy, ktore mają atrybut href, w której wartości znajduje się gdziekolwiek learn.yo2.pl |
| [id^="produkt-"] | wybierz wszystkie elementy, które mają atrybut id o wartości rozpoczynającej się od produkt- |
| a[href^="http://"] | wybierz wszystkie elementy o tagu a, które mają atrybut href, w którego wartości znajduje się na początku http:// |
| [href$=".jpg"] | wybierz wszystkie elementy, które mają atrybut href o wartości kończącej się .jpg |
| [lang|=en] | wybierz wszystkie elementy, które mają atrybut lang o wartości en lub te jest połączonyz innym słowem przy pomocy - (myślnika) |
| [data-filetype="obrazek"] | wybierz wszystkie elementy, które mają atrybut data-filetype o wartości równej obrazek |
| a[data-info~="external"] | wybierz wszystkie elementy, których tag nazywa się a, oraz które mają atrybut data-info oraz jedną z wartości data-info jest external |
moje homepage moje homepage moje homepage moje homepage moje homepage
Google Policja
text
text
text
produkty
produkty
produkty
produkty
Paragraf po polskiemu.
Paragraf po Amerykańsku.
Paragraf po Brytyjsku
Czy wiesz, że możesz tworzyć swoje własne tagi?
Proprytet niski
Proprytet normalny
Proprytet wysoki