ID הנו דבר ייחודי ואי-אפשר להשתמש בו פעמיים באותו דף HTML ולכן מתן סגנון לפי ID הוא כמעט כמו לתת סגנון inline, אלא שבדרך כלל נוח יותר לעשות את זה בתוך תגית הSTYLE.
כדי להגדיר סגנון לID יש לכתוב סולמית ולהצמיד אליה את הID של האלמנט:
<style>
p {text-decoration:"underline overline"}
#firstln {text-align:center;color:green}
.turnitred {color:red}
</style>
<p id="firstln" class="turnitred">line 1.</p>
<p id="secondline" class="turnitred">line 2.</p>
שתי השורות בדוגמה זו תקבלנה קו עליון ותחתון כי הן תגיות P, שתיהן תיצבענה באדום כי הן מוגדרות כ-CLASS turnitred, אולם השורה הראשונה מקבלת מיקום ממורכז ובגלל שהוגדר צבעה ב-ID, ההגדרה הזאת היא כמו inline וזה קודם בסדר העדיפויות ולכן קיבלה השורה צבע ירוק.
רשומות
אין תגובות:
הוסף רשומת תגובה