Przejdź do treści

Co to jest selektor klasy? - Kurs HTML i CSS

  • HTML
    Komendy HTML 4.01 / INPUT

    ...wybierania tabulatorem TITLE="tekst" Tekst pomocniczy TYPE="typ" Typ kontrolki: button - przycisk checkbox - przełącznik (pole wyboru) file - selektor plików hidden - ukryta kontrolka (nie jest wyświetlana, ale jej wartość jest przesyłana z formularzem) image - graficzny przycisk wysłania formularza password - jednoliniowe pole tekstowe z ukrytym wpisywanym tekstem (np. seria gwiazdek) radio - przełącznik (pole opcji) reset - przycisk czyszczenia danych formularza submit...

  • CSS
    Selektory atrybutów / Selektor atrybutu o określonej wartości

    selektor[atrybut="wartość atrybutu"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Wartość atrybutu" to określona wartość, która została nadana temu atrybutowi (np. treść atrybutu title="..."). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w...

  • CSS
    Selektory specjalne / Klasy selektorów <... class>

    Spis treści <... class> Klasy selektorów <... class> Lista klas Podzbiory klas Klasy selektorów <... class> selektor.klasa { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Klasa to wartość atrybutu class="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako...

  • CSS
    Selektory elementów / Selektor uniwersalny

    ...rozdziałach [zobacz także: Wstawianie stylów]. Selektor taki pozwala ustalić określone atrybuty dla wszystkich elementów strony, a więc dla różnych selektorów typu. Możemy za pomocą tej komendy nadać to samo formatowanie dla wszystkich elementów na całej stronie, niezależnie od ich typu (p, h1, li itd.). Niestety jego działanie nie zawsze jest jednoznaczne, dlatego dużo bezpieczniej jest używać selektora typu dla elementu body, chyba że zastosujemy to polecenie w odniesieniu do...

  • CSS
    Selektory specjalne / Selektor identyfikatora <... id>

    selektor#identyfikator { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Identyfikator to wartość atrybutu id="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako identyfikator należy podać dowolny pojedynczy wyraz, który nie może zawierać znaków: spacji, kropki...

  • CSS
    Selektory pseudoklas / Łączenie selektorów

    Na koniec warto wspomnieć o jeszcze jednej przydatnej własności selektorów CSS. Jak się można było przekonać, rodzajów selektorów jest bardzo wiele - każdy przeznaczony do innego celu. Co jednak zrobić, jeżeli potrzebujemy w jednej regule stylu zastosować kilka selektorów prostych? Czy jest to w ogóle możliwe? Oczywiście, że tak. Wystarczy po prostu wpisać je jeden po drugim (bez żadnych odstępów) w następującej kolejności: selektor typu lub selektor uniwersalny selektory atrybutów...

  • CSS
    Tło / Atrybuty mieszane tła {background}

    ...{background} Atrybuty mieszane tła {background} Tło graficzne obok tekstu Wielokrotne atrybuty mieszane Atrybuty mieszane tła {background} selektor { background: wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać konkretne wartości atrybutów, dotyczących tła, które będą oddzielone od siebie spacjami (przy czym można niektóre pominąć)...

  • CSS
    Selektory CSS

    ...atrybutów Selektory specjalne Selektory pseudoelementów Selektory pseudoklas Wstęp Poniżej znajdziesz skrócony opis wszystkich rodzajów selektorów CSS. Dokładniej na ich temat możesz przeczytać klikając odnośnik w kolumnie "Opis". Natomiast kolumna "CSS" zawiera poziom specyfikacji języka, w którym po raz pierwszy selektor został wprowadzony. Źródło: Cascading Style Sheets, Level 2, Selectors Level 3 Selektory elementów Wzór Znaczenie Opis CSS * każdy element...

  • CSS
    Dobre praktyki / CSS Zorientowane Obiektowo

    ...takich obiektów, a nie poszczególnych znaczników występujących w kodzie źródłowym dokumentu. Pojedynczemu obiektowi zwykle odpowiada klasa CSS albo selektor identyfikatora: #Header { /* nagłówek */ } .Menu { /* menu */ } .Article { /* artykuł */ } #Footer { /* stopka */ } Warto zwrócić uwagę, że w przypadku stosowania systemów parsowania szablonów na serwerze (np. w języku PHP), każdy obiekt jest kandydatem na zapisanie jego znaczników w osobnym pliku szablonu...

  • CSS
    Dobre praktyki / Przykazania webmastera

    ...znaczniki semantyczne, które już znajdują się w kodzie źródłowym - wstaw jeden element div, będący pojemnikiem całego obiektu, a potem korzystaj z selektora potomka w celu wystylizowania elementów, które zawiera obiekt. Wstawianie zbędnych znaczników nie tylko zaciemnia kod, ale również wydłuża czas ładowania strony. Formatuj kod źródłowy Kod zawierający znaczniki z dodanymi wcięciami - zgodnie z poziomem ich zagnieżdżenia w drzewie dokumentu - jest czytelniejszy, a dzięki temu mniej...

1 2 »

★★★★★ 5/5 (252)

Facebook