DHTML0034
Rozdział 1.
Umieszczanie selektorów w kontekście
ROZDZIAŁ 7. O problemach nmlaj-skicli
Problemy manilskie rozpoczynaj;) się już. o momentu planowania No to jak tu wybrać kolor skoro można wybrać dowolny Idzie się do sklepu i mówi "Panie! Chciałbym uuec i óżowy pokój". A przedawca na to "A jaki i óżowy?". I tu pokazuje komputerową paletę w której mamy do wyboiu x odcieni różowego. Cóz pozostaje zrobić .. mówimy więc: "Wie pan co, to ja przyjdę z ZONĄC.
Umieszczanie selektorów w kontekście
Kiedy znacznik jest umieszczony wewnątrz innego znacznika, jeden wewnątrz drugiego, określamy go jako znacznik zagnieżdżony.
W takim układzie znacznik zewnętrzny jest nazywany znacznikiem rodzicielskim, natomiast wewnętrzny - potomnym. Możemy użyć CSS do stworzenia reguł przeznaczonych dla znaczników potomnych określonych znaczników rodzicielskich. Na przykład jeśli chcesz, aby wszystkie pogrubienia umieszczone w akapicie były wyświetlane na różowym tle, natomiast pogrubienia umieszczone w cytacie na tle czerwonym, to będziesz musiał stworzyć definicje opierające się na kontekście znaczników.
Aby stworzyć selektory kontekstowe
1. P B {background: pink;}
Podaj selektor HTML-owy znacznika rodzicielskiego, a następnie odstęp (patrz listing 1.7). Możesz podać dowolną ilość selektorów IlTML-owych dla dowolnej ilości znaczników rodzicielskich, pamiętaj jednak, że ostatni selektor podany na liście określać będzie znacznik potomny.
2. <P>...<B>...</B>...</P>
Teraz, wyłącznie w sytuacji, gdy etykieta <B> zostanie umieszczona wewnątrz akapitu (listing 1.8), jej zawartość zostanie wyświetlona na różowym tle, jak możesz zobaczyć na rysunku 1.13.
S Rada
■ Selektory kontekstowe, podobnie jak
selektory połączone w grupy, mogą zawierać nie tylko selektory HTML-owe, lecz także selektory klas (zależne i niezależne) oraz selektory identyfikatorów.
Listing 1.7. Zdefiniowanie selektora kontekstowego w pliku o nazwie Listing-1-7.css
P B { background: pink; 1
Listing 1.8. W tym przykładzie etykieta <B> znajduje się wewnątrz akapitu, czyli w prawidłowym kontekście
<head>
<meta http-equiv="Content-Type" ->coritent="text/html; charset=ISO-8859-2"> <LINK rel="stylesheet" type "teżcr/css" -»src*="Listinę-l-7. css">
</head>
<body>
ROZDZIAŁ 7. <b>0 problemach malarskich</b> <brxbr>
<p>?rcbiemy malarskie rozpoczynają się już w momencie planowania.
No bo jak tu wybrać kolor, skoro można wybrać dowolny. <b>Ha przykład różowy!</b> Idzie się do sklepu i mówi: "Panie! Chciałbym mieć różowy pokój". A przedawca na no: "A jak.i różowy?". 1 tu pokazuje komputerową paletę, w której mamy do wyboru x odcieni różowego.
Cóż pozostaje zrobić ... mówimy więc: "Wie pan co, to ja przyjdę z ŻONĄ!".
</body>
■Mul:
~>0 £iii V|*-V IjO i£wr»IMC0tO* H«ip
1 J-. fft >* l”ł ■ . -£ ■
StK*. P«lMV? ••txn4 fafitrt, t>9t*CPC* P«Wt S«U«iV J
11 a. yy»t>M«Ml Pito#* ai y»KwPp<y.i O] D=3 & Ctool
Rysunek 1.13. W akapicie, wytłuszczony tekst wyświetlany jest na różowym tle; natomiast poza akapitem - na normalnym tle
Wyszukiwarka
Podobne podstrony:
DHTML0024 Rozdział 1. Rozumienie reguł CSS Gdzie umieszczać reguły CSS? Reguły mogą być umieszczane
DHTML0028 Rozdział 1. Definicje: właściwości i wartościDefinicje:właściwości i wartości /a selektore
DHTML0030 Rozdział 1. Definiowanie selektorów klasDefiniowanie selektorów klas Użycie selektorów kla
DHTML0046 Rozdział 1. Rozdział 1. Rozwiązywanie problemów z CSSRozwiązywanie problemów z CSS Bardzo
s?kowski 2 Ot ROZDZIALI PROBLEMATYKA POSTAW WOBEC OSÓB NIEPEŁNOSPRAWNYCH 1. Uwagi
skanowanie0016 4 386 Rozdział 8. Problemy, antynomie, dylematy i kontrowersje zwią
skanowanie0033 4 376 Rozdział 8. Problemy, antynomie, dylematy i kontrowersje zwią
skanowanie0036 4 378 Rozdział8. Problemy, antynomie, dylematy i kontrowersje związane z wytwarzaniem
skanowanie0037 3 380 Rozdziała Problemy, antynomie, dylematy i kontrowersje związa
skanowanie0039 3 382 Rozdział 8. Problemy, antynomie, dylematy i kontrowersje zwią
BEZPIECZEŃSTWO SYSTEMÓW KOMPUTEROWYCH I 2 Spis treściSpis treści Wstęp 4 Rozdział I - Problem
Główczewski „Między śmiesznością a komizmem” i 142 Rozdziai. z Problem zdaje się
DHTML0008 Spis treści Definiowanie selektorów kontekstowych w JSS 198 Definiowanie
DHTML0022 Rozdział 1. Rozdział 1. Czym jest styl?Czym jest styl? Większość dostępnych procesorów tek
DHTML0032 Rozdział 1. Rozdział 1. Definiowanie saelektora identyfikatora i i j i jneużt!.
więcej podobnych podstron