Great Teorem Fermat.

X. ^n. + Y. ^n.
\u003d Z. ^n.

unde n este un număr întreg\u003e 2

Ce text este evidențiat în roșu folosind stilul SUP + SUP (culoare: roșu;)?

1. Al doilea "n"
2. Al doilea și al treilea "n".

Bună ziua, dragi cititori! Continuați selectorii CSS subiecți și astăzi voi încerca să explic ce este selectoare CSS învecinate, precum și ce rol joacă selector universal. Cunoașterea mecanismului de utilizare a tuturor tipurilor de fonduri CSS va atinge conținutul optim și compact al documentului, care descrie stilurile elementelor, care este una dintre componentele promovării cu succes a resurselor sale, astfel încât, în nici un caz neglijent Posibilitatea de a obține informații utile cu privire la conceptul selectorului și despre toate tipurile de specii.

Dacă vă amintiți și urmați cu atenție publicațiile, au fost deja luate în considerare multe tipuri de selectori; ; . Încă o dată, îndemn să nu neglijez studiul fundamentelor CSS, deoarece vă va oferi o mulțime de preferințe în viitor.

Selector universal

Acum mergeți direct la esența publicării de astăzi. În ceea ce privește selectorul universal, este destul de simplu, așa că nu mă voi opri de mult timp. Sintaxă de scriere a regulilor CSS, care utilizează selectorul universal, următoarele:

Aici este operatorul "*" și înseamnă că avem un selector universal. Se utilizează atunci când este necesar să setați un singur stil pentru toate elementele de pe pagina web. Uneori selectorul universal specifică nu neapărat. De exemplu, înregistrarea. * Clasa I.Class în aceste cazuri este complet identică. Acum neapărat un exemplu. În mod obișnuit, cea mai comună este definiția unui singur font, mărime și culoare, precum și locația textului obișnuit pe pagina blogului sau pe site-ul.

* (Font-Family: Tahoma, Arial, Helvetica, Sans-Serif; / * Font pentru text * / Culoare: # 646464; / * Culoare text * / font-dimensiune: 75%; / * Dimensiune textului * / Text-align : stânga; / * locația textului * /)

Astfel, puteți defini designul textului pentru toate elementele care se află pe pagină. I Notă, Pentru un anumit caz, rezultatul va fi similar dacă, în loc de un selector universal, utilizați numele etichetei corpului, care include etichetele tuturor elementelor.

Selectoare CSS învecinate

Ei bine, acum un pic mai mult timp va plăti pentru selectorii vecini. Învecinate elementele paginii web atunci când sunt direct unul lângă celălalt în codul documentului. În același timp, sintaxa CSS Stilles are acest tip:

Acum vom lua paragraful de text definit de eticheta P în care etichetele B, I și Big vor fi incluse ca elemente pentru copii, care definesc formatarea textului, respectiv, eliberarea de caractere aldine, italică și izolare prin creșterea fontului:

Acest paragraf utilizează etichetă B., etichetă I., tag-ul mare.

Și utilizând instrumentul de editare CSS și HTML, care este încorporat în cele mai recente versiuni ale tuturor browserelor populare (,) și care este un analog al faimosului plugin pentru browserul Firefox (), introduceți acest paragraf la orice loc în mod absolut Orice pagină web (am făcut pe pagina articolului precedent la primul paragraf). Acest lucru înseamnă, de exemplu, se cheamă prin simpla apăsare a cheii F12. Poate fi folosit pentru a repara practic pozițiile materialelor "Bazele HTML" și "CSS manual". Deci, introduc o bucată de text sub forma primului paragraf:

Acest paragraf va fi experimental și va lua în considerare utilizarea exemplului său. selectori vecini. Așa cum am spus deja, etichetele B, I și Big sunt filiale pentru eticheta Paragrafului, deoarece acestea sunt direct în interiorul containerului P. Aici, vecinurile sunt etichete b și i, precum și eu și mare. Acum aplicați regula CSS pentru selectorii vecini:

B + i (culoare: roșu,) i + mare (culoare: verde;

După aplicarea acestor stiluri, paragraful va arăta astfel:

Acest lucru este valabil pentru toate etichetele de pagină web, care includ elemente B, I și Big. Mai mult decât atât, trebuie să fie b și i, eu și mare în apropiere, pentru alte combinații, acest CSS nu va funcționa. Cred că acum este clar modul în care selectorii vecini se aplică atunci când scrieți sau editați un document CSS. O altă notă foarte importantă: Dacă aveți timp să observați, atunci în cazul elementelor adiacente, stilul specificat se aplică numai celui de-al doilea element.

Un exemplu cu un paragraf, care a fost considerat foarte vizual și vă permite să înțelegeți rapid esența selectoarelor vecine în CSS. Cu toate acestea, în practică, sunt utilizate în mod obișnuit alte domenii ale selectorilor. Spuneți, foarte des în corpul articolului, este necesar să includeți o anumită piesă de text, în special decorată, așa: Note de subsol, note etc.

În aceste scopuri, o clasă separată creează și o aplică, de obicei, la paragraful necesar. Dar un mod mult mai optim este utilizarea selectorilor vecini. De exemplu, pe blogul meu există stiluri create pentru înregistrarea unui antet convențional H3.

H3 (dimensiune font: 1.7Em; / * dimensiune font * / text-align: centru; / * plasarea textului * / font-greutate: normal; / * Design normal text * / Font-fata: Tahoma, Arial, Helvetica, Sans-serif; / * Stil de font * / culoare: # 646464; / * Culoarea textului * /)

Pentru a evidenția notele de titlu sau notele de subsol, setați o clasă specială, spuneți:

H3.put (culoare: roșu; / * culoare text * / margine-stânga: 5px; / * Retreat în partea stângă * / margine-top: 0.5Em; / * liniuță de mai sus * / padding: 10px; / * câmpuri în jurul Text * / Text-align: Stânga; / * Locația textului * /)

Acum folosim selectorii adiacenți pentru a crea un stil special de paragraf de teză, acest paragraf va fi plasat direct sub titlul cu stilul "H3.put":

H3PUT + P (fundal: # FFEFD5; / * fundal culoare * / margine-stânga: 15px; / * Retreat în stânga * / margine-dreapta: 120px; / * Retreat pe dreapta * / Margin-Top: 0.5 em; / * liniuță de mai sus * / padding: 5px; / * câmpuri în jurul textului * /)

Din nou, folosind instrumentul Google Chrome Editing, cu dvs. toate urechile dvs. (dar merită), introduceți antetul pentru notele de subsol, nu uitați să o puneți pentru el de clasa PUT:

Atenţie!

Apoi scrieți textul notei de subsol în sine:

Materialele prezentate în această publicație sunt foarte importante în ceea ce privește studierea fundamentelor CSS (mese de stil cascadă)

După toate aceste telefoane, obținem un astfel de paragraf de note de subsol pe pagina web (îți amintesc că acest paragraf am introdus la sfârșitul articolului despre filialele mele și selectoarele contextuale):

Acum pe un blog sau un site atunci când legarea unui "pus" la orice etichetă H3 va fi încărcat o astfel de notă de subsol pe pagina web. Mai mult decât atât, este decorat într-un mod special numai primul paragraf după eticheta H3 cu "Clasa \u003d" Put ". Dar acesta este exact ceea ce am realizat, nu?

În acest sens, permiteți-mi să termin manualul de astăzi, care conținea un algoritm pentru utilizarea selectorilor învecinați, precum și a unui universal. Sper că acest articol vă va estompa, dragi cititori abonează-te

Spre deosebire de adiacente, utilizate mai rar. Principala diferență este că ar trebui să urmeze cealaltă. Pentru a vă ușura să aflați acest subiect, propun dezasamblarea acestei structuri:

<тег1> <тег2> <тег3> <тег4> <тег5><тег6>...

După cum probabil ați ghicit din lecția anterioară, Tags 2, 3, 4, 5, 6 sunt selectori contextuali pentru tAG1.. La rândul său, selectorii vecini vor fi: tAG2 și TAG3, TAG4 și TAG5, Dar in acelasi timp tAG2. și tAG4. nu sunt adiacente. Proprietățile de stil vor fi aplicate la ultimul element pe care îl specificați în următorul. Trebuie doar să urmați selecția de selecție. Sintaxa generală a scrisului este:

Selector1 + selector2 + ... + Selectorn (proprietate1: valoare; proprietate2: valoare; Proprietate: valoare)

Să luăm în considerare acest exemplu:

Titlu

Etichetă p. este un selector vecin etichetat h1.

Selectorul elementului adiacent selectează elementul situat în codul documentului imediat după un alt element specificat. Să luăm o bucată de cod HTML, de exemplu.

Paragraful și în el gras element și aici înclinat element.

Există trei etichete:

, și . Etichete și Imbricate în recipient

Sunt o filială spre el. Dar în raport cu ceilalți sunt învecinați.