CSS-almanakka 2025, Heinäkuu

#Id-valitsimen avulla voit kohdistaa elementin viittaamalla id HTML -attribuuttiin. Samanlainen kuin luokkamääritteet merkitään CSS: ssä "pisteellä" "

: Invalid -valitsimella voit valita elementtejä, jotka eivät sisällä kelvollista sisältöä määritettynä sen tyyppi-attribuutilla. : virheellinen on määritelty CSS: ssä "

CSS: n yleinen sisarusyhdistin (~) näyttää tältä käytöltä: .featured-image ~ p (font-size: 90%;) Tässä esimerkissä valitset kaikki "

CSS: n tarkennuksen pseudoluokkaa käytetään sellaisen elementin muotoiluun, johon näppäimistö kohdistuu tai jonka hiiri aktivoi. Tässä on esimerkki: "

CSS: n tarkennuksen sisäinen pseudovalitsin on vähän epätavallinen, vaikkakin hyvin nimetty ja melko intuitiivinen. Se valitsee elementin, jos se sisältää jotain "

CSS: n ensimmäisen tyypin valitsimen avulla voit kohdistaa elementin ensimmäisen esiintymisen sen säilöön. Se määritetään CSS-valitsimien tasolla 3 "

CSS: hover-näennäisluokka valitsee elementit, kun hiiren kohdistin on niiden päällä. Se liittyy yleisesti linkkiin () "

Ensimmäisen rivin pseudoelementti on tarkoitettu tyylien käyttämiseen elementin ensimmäiselle riville. Kuvittele kappale, joka on useita rivejä pitkä (kuten tämä!). "

Ensimmäisen lapsen valitsimella voit kohdistaa ensimmäisen elementin välittömästi toisen elementin sisälle. Se määritellään CSS-valitsimien tason 3 määrityksessä "

:: first-letter on näennäiselementti, jonka avulla voit muotoilla elementin ensimmäisen kirjaimen tarvitsematta kiinnittää -tunnistetta kyseisen ensimmäisen ympärille "

Tyhjä pseudovalitsin valitsee elementit, jotka eivät sisällä mitään tai sisältävät vain HTML-kommentin. div: tyhjä (näyttö: ei ole;) Vastaa "

CSS: ssä oleva lapsikombinaattori on "suurempi kuin" -symboli, se näyttää tältä: ol> li (väri: punainen;) Se tarkoittaa "valitse elementtejä, jotka ovat suoria jälkeläisiä"

CSS: n käytössä oleva pseudoluokka valitsee tarkennettavat elementit, joita ei ole poistettu käytöstä, ja siksi ne ovat käytössä. Se liittyy vain muotoelementteihin "

Luokanvalitsin CSS: ssä alkaa pisteellä (.), Kuten tämä: .class () Luokan valitsin valitsee kaikki elementit, joilla on vastaava luokan attribuutti. Esimerkiksi,"

CSS: n pseudoluokan: dir () avulla elementit voidaan valita HTML-merkinnässä määritetyn kielen suunnan perusteella. On todella "

: Vammainen pseudoluokan valitsin tarjoaa ehdollisen tyylin HTML-elementeille, jotka voivat vastaanottaa käyttäjän syötteitä, kun elementit on poistettu käytöstä "

CSS: n jälkeläisvalitsin on mikä tahansa valitsin, jossa on kahden tilaa valitsimen välissä oleva vapaa tila ilman yhdistelmää. Tässä muutamia esimerkkejä: ul li () header h2 () "

Oletusnäppäimen valitsin vastaa oletusarvoa liittyvien elementtien ryhmässä, kuten valintanappi painikeryhmässä, jonka valitsee "

CSS: n tarkistettu pseudoluokka valitsee elementit, kun ne ovat valitussa tilassa. Se liittyy vain radiotyyppisiin tulo- () elementteihin ja "

: Tyhjä pseudoluokka perustuu seuraavaan: tyhjä pseudoluokka. Kuten: tyhjä,: tyhjä valitsee elementit, jotka eivät sisällä mitään tai sisältävät vain HTML: n "

CSS: ssä on monia tapoja valita elementtejä. Perusvalinta on tunnisteen nimen mukaan, kuten p (). Lähes kaikki tarkempi kuin tunniste "

CSS: n pseudoelementtien :: before ja :: after avulla voit lisätä sisältöä sivulle ilman, että sen tarvitsee olla HTML-muodossa. Vaikka lopputulos ei ole

Div (z-index: 1; / * kokonaisluku * /) CSS: n z-index-ominaisuus ohjaa päällekkäisten elementtien pystysuoraa pinoamisjärjestystä. Kuten, joka näkyy nimellä "

CSS: n minkä tahansa linkin pseudoluokka tarjoaa menetelmän elementtien valitsemiseksi, jotka ovat hyperlinkin lähdeankkuri. Jos termi lähdeankkuri menetti sinut ",

Aktiivinen pseudovalitsin muuttaa linkin ulkoasua, kun sitä aktivoidaan (sitä napsautetaan tai muuten aktivoidaan). Se on yleensä vain nähty "

CSS: n viereinen sisarusyhdistin ei ole itsenäinen valitsin, vaan tapa yhdistää kaksi valitsinta. Esimerkiksi: p + p (marginaali: 0;) Plus-merkki "

CSS: n leveysominaisuus määrittää elementin sisältöalueen leveyden. Tämä "sisältö" -alue on "täytteen, reunan ja marginaalin sisällä oleva osa"

Tyhjä tila -ominaisuus ohjaa sitä, miten tekstiä käsitellään elementissä, johon sitä käytetään. Oletetaan, että sinulla on HTML tällä tavalla: joukko sanoja

CSS: n zoomausominaisuuden avulla voit skaalata sisältöäsi. Se ei ole standardi, ja se otettiin alun perin käyttöön vain Internet Explorerissa. Vaikka useat "

Sanavälin ominaisuus on samanlainen kuin kirjainten väli, vaikka luonnollisesti sen käyttö säätelee tekstissä olevien sanojen välisen tilan määrää, ei "