kolor - Kurs HTML i CSS
Selektory atrybutów CSS / Prosty selektor atrybutu...Pozwala nadać konkretne cechy elementom, które posiadają właśnie taki atrybut. Na przykład znacznik może być automatycznie napisany czcionką koloru czerwonego, jeśli ma nadany atrybut title="..." (który powoduje wyświetlenie tekstu informacji, po wskazaniu myszką). W tym przypadku nie ma znaczenia jaką wartość ma atrybut, ważne jest jedynie, aby został on nadany. UWAGA! Polecenie nie interpretuje MSIE 6 (od wersji 7 wszystko jest już w porządku) . W języku XHTML wszystkie nazwy...
- Selektory atrybutów CSS / Selektor atrybutu zawierającego określony wyraz
...{ color: red } to każdy akapit, któremu został nadany atrybut title="..." o wartości, w której występuje wyraz "jest", powinien mieć kolor czerwony: To jest akapit, któremu został nadany atrybut TITLE o wartości "To jest akapit" (aby to sprawdzić, wskaż go myszką) i dlatego jest koloru czerwonego. A to jest akapit z atrybutem TITLE o wartości "To też jest akapit" i też powinien być czerwony. Dla porównania, to jest akapit bez atrybutu TITLE. A to jest akapit z atrybutem...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...cechy elementom, które posiadają atrybut, właśnie z taką dokładnie wartością. Na przykład znacznik może być automatycznie napisany czcionką koloru czerwonego, jeśli ma nadany atrybut title="...", o wartości podanej w deklaracji stylu. Znaczniki z atrybutem title="..." o innej wartości nie będą już czerwone. UWAGA! Polecenie nie interpretuje MSIE 6 (od wersji 7 wszystko jest już w porządku). W języku XHTML wszystkie nazwy atrybutów w selektorach muszą być pisane małymi literami...
- Selektory atrybutów CSS / Selektor atrybutu zawierającego łączniki
...red } to każdy akapit, któremu został nadany atrybut TITLE z wartością, która rozpoczyna się od "to" (i może składać się z łączników), powinien mieć kolor czerwony: To jest akapit, któremu został nadany atrybut title="to-jest-akapit" (aby to sprawdzić, wskaż go myszką) i dlatego jest koloru czerwonego. A to jest akapit z atrybutem title="to-też-jest-akapit" i też powinien być czerwony. Dla porównania, to jest akapit bez atrybutu TITLE. A to jest akapit z atrybutem...
- Selektory atrybutów CSS / Łączenie selektorów atrybutów
...musi posiadać wszystkie z wyszczególnionych atrybutów z ewentualnymi przypisanymi określonymi wartościami. Przykład Przypisujemy czerwony kolor czcionki akapitom, które posiadają atrybut class o dowolnej wartości, dir="ltr", title z wyrazem akapit oraz lang rozpoczynający się od pl z ewentualnymi łącznikami: p[class][dir="ltr"][title~="akapit"][lang|="pl"] { color: red } Ten akapit posiada następujące atrybuty: class, dir="ltr", title="To jest akapit" lang="pl" (powinien być...
- Selektory atrybutów CSS / Selektor atrybutu o wartości rozpoczynającej się od...
...reguła: p[title^="to"] { color: red } to każdy akapit, któremu został nadany atrybut TITLE z wartością, która rozpoczyna się od "to", powinien mieć kolor czerwony: To jest akapit, któremu został nadany atrybut title="to jest akapit" (aby to sprawdzić, wskaż go myszką) i dlatego jest koloru czerwonego. A to jest akapit z atrybutem title="to też jest akapit" i też powinien być czerwony. Dla porównania, to jest akapit bez atrybutu TITLE. A to jest akapit z atrybutem title="także i to jest...
- Selektory atrybutów CSS / Selektor atrybutu o wartości kończącej się na...
...p[title$="akapit"] { color: red } to każdy akapit, któremu został nadany atrybut TITLE z wartością, która kończy się na "akapit", powinien mieć kolor czerwony: To jest akapit, któremu został nadany atrybut title="to jest akapit" (aby to sprawdzić, wskaż go myszką) i dlatego jest koloru czerwonego. A to jest akapit z atrybutem title="to też jest akapit" i też powinien być czerwony. Dla porównania, to jest akapit bez atrybutu TITLE. A to jest akapit z atrybutem title="to jest akapit...
- Selektory atrybutów CSS / Selektor atrybutu zawierającego określony tekst
...aka"] { color: red } to każdy akapit, któremu został nadany atrybut title="..." o wartości, w której występuje tekst "jest aka", powinien mieć kolor czerwony: To jest akapit, któremu został nadany atrybut TITLE o wartości "To jest akapit" (aby to sprawdzić, wskaż go myszką) i dlatego jest koloru czerwonego. A to jest akapit z atrybutem TITLE o wartości "To też jest akapit" i też powinien być czerwony. Dla porównania, to jest akapit bez atrybutu TITLE. A to jest akapit z atrybutem...
- Selektory specjalne CSS / Klasy selektorów <... class>
...color: red } to jeśli teraz w dowolnym miejscu wpiszemy: <p class="przyklad_klasa">To jest akapit.</p> na ekranie zobaczymy tekst napisany czcionką koloru czerwonego: To jest akapit. Dla porównania, to też jest akapit, ale bez podania klasy i dlatego nie jest czerwony. W przypadku stosowanie klas, często podczas ich definiowania, nie wiemy jeszcze, w stosunku do jakich znaczników będziemy chcieli je później użyć. Wtedy przydatny okazuje się selektor uniwersalny, który pozwala przypisać...
- Selektory pseudoelementów CSS / Pierwsza linia :first-line
...została umieszczona następująca reguła: p:first-line { color: red } to wszystkie pierwsze linijki wchodzące w skład akapitów, będą miały czerwony kolor: To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit...