Ennen CSS - alkuperäinen, mukava, käytännöllinen

Pseudo-elementtejä ja näennäisluokille CSS: ennen, jälkeen, leijuvat, aktiivinen jne - todellinen mahdollisuus parantaa ja yksinkertaistaa teloituspaikka, ei JavaScript-käsittelijän koodin ilmeinen, eivät edellytä monimutkaisia reaktio malleja, elementit tapahtumia, vuoropuhelua ja toimia vierailija.

Pseudo kätevä, monikäyttöinen, on merkittävä ja monivalintakysymyksiä ominaisuuksia yksinkertaisia ja monimutkaisia tekijänoikeudet pannut: miten alkuperäinen kiinnittää huomiota, saumattomasti selventää edellyttämät toimet tuoda vihje oikeassa paikassa.

Suuria mahdollisuuksia avata kun ne on määritelty url () sisällössä pseudo. Todellakin, tämä vaihtoehto avaa uusia näköaloja, olipa kyse ladata mitään sivulle, ja mahdollinen aktivoituminen mitään missään

Piirre pseudo

Pseudo (:: ennen CSS :: jälkeen) eri elementeistä, valitsimet ja pseudo-luokkia, jotka eivät alun perin olemassa dokumenttipuussa. Ehkä, käytännössä se ei ole erityisen tärkeä, mutta jos pidämme kysymystä saattamisesta sivuston sisältöä, luotat sisällöstä omaisuutta jotain merkityksellistä hakukone ei ole mitään järkeä.

Pseudo :: ennen CSS voit lisätä sisältöä elementin, ja :: jälkeen - jälkeen. Sisältö voi vaihdella yksinkertaisesta tekstistä monimutkaisia muotoiluja kannalta CSS-ominaisuuksia, mutta ilman HTML-koodia. Pseudo voidaan sijainniltaan elementin sisällä, joka on kiinnitetty, koska merkitys ennen ja jälkeen on suhteellinen ja liikkuva. Et voi vain määrittää asema, mutta myös koot, värit, taustat, fontit, ja käyttää muita toimintoja CSS.

Kuten pseudo CSS, ennen ja jälkeen edeltää symboli ":", mutta CSS3 standardi suositeltava "::". Testata tiettyä käyttötarkoitusta sivulla ei koskaan enemmän kuin jotkut selaimet tai versiot saattavat yksinkertaisesti ei huomaa tiettyä pseudo.

Yleiset käyttöohjeet

Asettamalla, esim., Div kuvaava elementti class = 'scElement' ja sisältö "elementti" sivulle, joka osoittaa CSS-tyylisivu kuvaus:

.scElement {
ASEMA ...;
z-index ...;
...

}

voit hakea pseudo ": leijuvat" pseudo ja ":: ennen" CSS:

.scElement: hover :: ennen {content: 'etuliitteen'; color ...; background-color ...;}.

Sitten, kun viet hiiren osoittimen ennen sanaa 'osa' ilmestyy sana 'etuliite', joka vaihtaa väriä kirjainten ja taustan.

Sisältömuunnelmia pseudo

Jos et määritä pseudo ominaisuuksia, ne on sama kuin tärkein tekijä - scElement. Voit määrittää URL, ja sitten sisällön ominaisuus: url ( '/ scBox / RM-V / sc-rights.png'), kun osoitin näyttää kuvan elementti. Kun kyseessä on sisällön: "\ 03B1" tulee matemaattinen symboli "alfa", mutta käytä erikoismerkkejä: "& nbsp;", " & lt;", "& laquo;", "& raquo;" ja toiset eivät - ne näytetään sellaisenaan.

Sallittu paljon vaihtoehtoja määrittää sisällön pseudo: normaali "teksti", url (), jono heksadesimaalimerkin, katso: avoimen quote / sulje-lainaus, tai ei-open-quote / ei-kiinni-lainaus, jne voi olla osoitus absoluuttisen aseman sisällön. läpi tyylin ominaisuudet, levittämällä ennen, CSS sijoittaa pseudo kaikkialla elementti, johon se on kytketty.

Voit yhdistää samanaikaista käyttöä ennen ja jälkeen. Siksi asettamalla CSS ennen sisältöä merkkejä, voit saada erilaisia vaikutuksia, yhdistelemällä eri pseudo-luokat ja pseudo-elementtejä, yllätys vierailija, ei menojen samanaikaisesti edes yhden tavun-koodia JavaScript.

Piirteet pseudo

Heidän nimitykset hyväksyttiin ":" merkki, sekä viitata pseudo, mutta toisin CSS3 pseudo merkitään tavallisesti "::". Selaimia, jotka ymmärtävät sen, pitävät molempia nimityksiä. Aukkoja tallennus ei ole sallittua, merkkijono tallennetaan ja pseudo (tai ainoan) pseudo tallennetaan yhdessä:

scElement: hover :: ennen {content: 'etuliitteen'; ...}

scElement: aktiivinen: jälkeen {pitoisuus: 'pääte'; ...}

On tärkeää muistaa: CSS ennen loppumassa sivuston sisältöä. Tyylit eivät liity sivun sisältöä. Pseudo - ei ole poikkeus. Ne eivät näy DOM-puuhun ja toivottuja käyttää niitä asianomaisissa kohdissa sivuston - sisältöä, ne eivät saa.

Käyttämällä "" ja "::" tukevat mobiilialustoille ja modernit selaimet, mutta tarkasta työ vanhemmat versiot eivät usein ole turhia.

Sisältöä näennäisen eivät sisälly sivuston sisällöstä. Se ei näe hakukoneita. Kuinka käyttää tämä seikka - riippuu kustakin tilanteesta, mutta mahdollisuus CSS ennen sekä jälkeen, itsenäisesti tai monimutkainen, kiinnostavaa kun sisältö on url (). Suora sisällön käyttö pseudo linkkeinä sivuston avulla hän voi ladata tiedoston, esimerkiksi kuvan.

Kyky muuttaa tyyliä tiedostoja verkossa (CSS-tiedostoja - ole poikkeus) ei häiritse muodon ja käyttää pseudo koska se on kätevä kulloinkin, oikeassa paikassa algoritmi riippuen kävijän toimia.