Hogyan működik a css ál-nem

Hogyan működik a css ál-nem

Általában úgy néz ki, mint a választott elemek css? Meg kell írni egy választó, és így van egy választás. Például: p<> - kiválasztja az összes bekezdések; táblázat<> - kiválasztja az összes asztal;

És így tovább. Tehát nem pszeudoosztályban fordítva működik - lehetővé teszi, hogy ne válasszon olyan elemet. Önmagában egy ál-használat nincs értelme, de csak együtt más választókat. Nem teszi lehetővé, hogy mind kiküszöbölheti a választás. Például válassza ki az összes listák kivételével bármelyik.

Példa ál munka most megpróbál, hogy ne írjon. Tehát van három bekezdés, van néhány szöveget.

Mint látható, adtunk a harmadik bekezdés stílusát osztályban. Tegyük fel, hogy azt szeretné, hogy a szín a szöveg minden pontjában egy kivételével - zöld. Írj, mint ez:

Most minden, abszolút mindent bekezdések zöld, kivéve azokat, akik a stílus osztály p3. Stílus osztály, kértük, csak hogy tudja, hogy olvassa el, és hogy megszüntesse a kívánt bekezdéseket.

A szintaxis a pszeudo-nem, ahogy sejteni lehet, a következő:

Abban az esetben, bekezdések, tudtuk jól csinálni anélkül, stilisztikai osztályban. Hadd vegye ki a harmadik bekezdés, és megvizsgálja, hogy van ez most lehet kizárni? Természetesen a fejét az első helyen jön edik gyermek vagy n-of-típusú. Ez a pszeudo-osztályok, amelyek lehetővé teszik, hogy válasszon egy tételt annak sorszáma a szülő elem.

Itt van egy kód lehetővé teszi, hogy megszüntesse a harmadik bekezdés, és nem adható a zöld.

Az az állapot, hogy nem a választó, ami zárójelben, akkor a szelektor minden szinten a komplexitás és a fészkelő. Azaz, ha írsz valami ilyesmi:

Mindez minden gond nélkül működni fog, de csak azzal a feltétellel, hogy az említett elem abban az állapotban, és ott van zárva.

Alkalmazás a gyakorlatban

Nos, néztük elég irreális példa, de a gyakorlatban, a pszeudo nem jöhet. Például, ha dolgozik a menüben.

Ha a menü egy elválasztó, akkor az elválasztó általában ne legyen jelen az első vagy az utolsó menüpontot. És ez nagyon könnyen megvalósítható. Csak kérni az első vagy az utolsó pont minden stílus osztály, vagy kizárhatja a n-ed gyermek / n-ed a típus.

Ismét nem lehetett jól tettem nélkül nem. Akkor először állítsa határolók az összes elemet, és aztán csak felülírja a kívánt elem stílusát, eltávolítjuk a távtartó. De ez már megkövetelik, hogy írjon 2-4 sornyi kódot tovább. Abban az esetben, egy nem túl elegáns megoldani az egész problémát egy sorban.

Ennek megfelelően a példa adtam tagolt, mert leggyakrabban találkozott velem. Tény, hogy közben az elrendezés a tényleges elrendezése ezeknek a pontoknak akkor csúszik sokat.

Az ál-nem nagyon kényelmes a használata, amikor ki kell választania egy sejtcsoport, és kötődnek hozzájuk a stílus, de kizárják a csoportból 1-2 elemet. Azt tanácsolom, hogy fogadja el ezt a funkciót css és használja az elrendezés.

A legtöbb IT hírek és webfejlesztés A csatorna-távirat

Hogyan működik a css ál-nem

Kapcsolódó cikkek