Cand se folosesc @, <, > in CSS?

[+Xep]

De ce se foloseste :

1. "@"
2. ">"
3. "<"
4. " , " (din cate am vazut sunt situatii in care se foloseste si situatii in care nu)

 

[gadeas]

Unde ai vazut "<"?

"," se foloseste pentru a aplica aceasi CSS la mai multe elemente, exemplu:

#elem1,
#elem2 {
	color: #ff0000;
}

Ambele elemente vor avea culoarea scrisului rosu.

 

"@" se foloseste pentru a aplica CSS la diferite rezolutii sau tip-uri de device. Exemplu:

body {
    background-color: blue;
}

@media screen and (min-width: 480px) {
    body {
        background-color: red;
    }
}

Toate rezolutiile peste 480px vor avea backgroundu rosu, ce e sub 480px, va avea culoarea albastra.

 

">" se foloseste cand vrei sa alegi doar primu element din interior, exemplu:

div#container > ul {
  border: 1px solid black;
}

<div id="container">
   <ul>
      <li> List Item
        <ul>
           <li> Child </li>
        </ul>
      </li>
      <li> List Item </li>
      <li> List Item </li>
      <li> List Item </li>
   </ul>
</div>

Asta va aplica bordura neagra doar la primu <ul>, nu si la aldoilea care este in primu <li>.

 

Mai multe detalii si metode pentru a selecta un element gasesti aici: http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048