Is pseudo-eilimint (dé-dhPoint ::)) a ghné dhíreach d'eilimint a stíleanna, nó a ghineann ábhar nach bhfuil san HTML — gan ghné bhreise a chur leis.
::before agus ::after — ábhar ginte
{
: ;
}
{
: ;
}
Is pseudo-eilimint (dé-dhPoint ::)) a ghné dhíreach d'eilimint a stíleanna, nó a ghineann ábhar nach bhfuil san HTML — gan ghné bhreise a chur leis.
{
: ;
}
{
: ;
}
Is éigeantach an fheidhm content — gan é, ní dhéanann an pseudo-eilimint a thaispeáint. Is leanbh ag tús an eilimint atá san ábhar ginte (::before) nó ag deireadh (::after).
.tooltip::after {
content: ""; /* empty but present → creates a box */
position: absolute;
border: 8px solid transparent;
border-top-color: black; /* a CSS triangle (tooltip arrow) */
}
Is é seo an úsáid clasaiceach: saigheada, baistí, ifreacha, línte ornáideacha a tharraingt — ag fáil réidh leis an HTML de na heilimintí amháin-radharcach.
p::first-line { font-weight: bold; } /* the first rendered line */
p::first-letter { font-size: 3em; } /* drop cap */
::selection { background: yellow; } /* highlighted/selected text */
input::placeholder { color: gray; } /* placeholder text */
.x:hover { } /* pseudo-CLASS (state) — one colon */
.x::before { } /* pseudo-ELEMENT (a part) — two colons */
Thug CSS3 isteach :: chun pseudo-eilimintí a dhealú ó pseudo-aicmí (glacann brabhsálaí fós le pointe singil ar na sean-chinn le haghaidh comhoiriúnachta, ach úsáidtear ::)
Léitear an t-ábhar ginte ag roinnt scannóirí scáileáin — ná cuir faisnéis riachtanach in ::before/::after amháin (úsáid a dhéanamh ar a son d'ornáidiú), agus is fearr a fhágáil ar lár den chrann inrochtana na deilbhíní ornáideacha.
Ligeann pseudo-eilimintí duit deilbhíní, cruthanna ornáideacha (saigheada, deighiltoirí), droichead-chinn agus méadóirí a chur leis i CSS amháin — gan <div> nó <span> bhreise.
Coinnítear an tseandáil séimeantach ar siad agus soláthraítear soilíochtaí radhairc saibhir, agus is dúshlánach de dhathúchán geal, inmhalartaithe iad.