Stefanescu Mihai 3 years ago CSS
Acest articol face parte din cursul Toate lectiile CSS. Te poti inscrie la acest curs aici!

O pseudo-clasa este folosita pentru a specifica o anumita stare a unui element.

De exemplu, putem folos pseudo-clasele pentru:

  • modifica stilul unui  element cand este pus deaasupra lui cursorul.
  • modifca stilul uni link vizitat


Sintaxa unei pseudo clase:

    color: red;

De exemplu, cand discutam despre link-uri avem 4 tipuri de pseudo-clase: link, visited, hover si active

link – Un link care nu a fost vizitat

visited – Un link ce deja a fost vizitat

hover – Stilul pe care il are link-ul atunci cand utilizatorul tine cursorul deasupra lui.

active – Stilul pe care il ia link-ul atunci cand e apasat.

a:link {
    color: navyblue;

a:visited {
    color: lightblue;
a:hover {
    color: red;
a:active {
    color: orange;

Cumbinatii intre clase CSS si pseudo-clase

Dca nu v-ati dat seama deja am sa va spun eu acum, putem combina clasele css cu pseudo-clasele.

a.linkulMeu:hover {
    color: red;

Pseudo-clasa first-child

Aceasta pseudo-clasa va cauta si aplica un anumit stil decat primului element din interiorul altuia.Codul de mai jos va schimba decat stilul primului element li al tuturor listelor ul:

	ul li:first-child{
		background: red;

La fel de simplu putem schimba stilul tuturor elementelor <span> aflate in elemente <p> ce sunt primul element al altor elemente:

p:first-child span{
    color: blue;

Pseudo-clasa :lang

Aceasta pseudo-clasa permite definirea anumitor reguli pentru diferite limbi.In exemplul de mai jos pseudo-clasa :lang defineste delimitatorul elementului q cu lang=”ro”

q:lang(ro) {
    quotes: "~" "~";

<p>Am alfat ca site-ul <q lang="no">Invata-Programare</q> ma ajuta foarte mult sa invat.</p>


Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.

Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum

aciclovir recomendado por profesionales de la salud en Perú # 4 months ago Everyone loves what you guys tend to be up too. This sort of clever work and coverage! Keep up the amazing works guys I've included you guys to our blogroll.
amoxicilline disponible en línea en Francia # 4 months ago My family members always say that I am wasting my time here at web, however I know I am getting experience every day by reading such nice posts.
compra de somníferos oracea 250 mg # 4 months ago Ahaa, its fastidious conversation on the topic of this post here at this website, I have read all that, so now me also commenting here.
xiety disponible sin receta en España # 3 months ago When I originally commented I clicked the "Notify me when new comments are added" checkbox and now each time a comment is added I get several e-mails with the same comment. Is there any way you can remove me from that service? Thank you!
Waar kan ik tandemact kopen in België? # 3 months ago It's genuinely very complicated in this full of activity life to listen news on Television, therefore I just use world wide web for that reason, and obtain the latest news.
Ariel # 3 months ago I'd like to thank you for the efforts you have put in penning this blog. I'm hoping to check out the same high-grade content from you in the future as well. In fact, your creative writing abilities has motivated me to get my own, personal website now ;)
Connie # 3 months ago Since the admin of this web page is working, no doubt very soon it will be well-known, due to its quality contents.
dicycloverine 500 pills en venta en Ecuador con indicación médica # 3 months ago Do you mind if I quote a few of your articles as long as I provide credit and sources back to your webpage? My blog site is in the very same area of interest as yours and my users would certainly benefit from some of the information you provide here. Please let me know if this okay with you. Appreciate it!
Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.
Login Register

🔖 Bookmarks
✨ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌪️ Discord
Back to top
Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.