ما هو المحدد (Selector) في CSS؟

المحدد (Selector) في CSS هو الجزء الذي يختار العناصر التي سيُطبَّق عليها التنسيق.

h1 { color: navy; }
.highlight { background: yellow; }
#header { padding: 20px; }

أجزاء القاعدة

.card  {  color :  navy ;  }
/* selector   property   value */

• Selector: .card، أي العناصر.
• Property: color، ماذا نغيّر.
• Value: navy، القيمة الجديدة.

محددات أخرى مفيدة

nav a { }            /* links inside nav */
input[type="email"] { }
li:first-child { }