02-04-2007, 09:53
|
|
|
|
חבר מתאריך: 09.04.02
הודעות: 8,000
|
|
לגבי אחד מהקודים שהצגת...
קוד:
p{a:hover{color:red;}}
זה אמנם לא תקני ולא יעבוד, אבל יש לזה פתרון שכן יעבוד:
קוד:
p a:hover { color:red; }
זה יחיל את הגדרת הצבע על כל הקישורים שנמצאים בתוך תג p. אם נתון הקוד הבא:
קוד:
<p>
<a href="bla">link1</a>
<code><a href="bla2">link2</a></code>
</p>
במקרה הזה, הגדרת הצבע תוחל על שני הקישורים.
אם תשנה את קוד ה-CSS לזה:
קוד:
p > a:hover { color:red; }
אז רק הקישור הראשון יהפוך לאדום במעבר העכבר מעליו, בגלל שהבורר (selector) שבו השתמשתי מחיל את הגדרת הצבע רק על קישורים שנמצאים ישירות בתוך תג p, ולא קישורים שמקוננים בתוך התג ברמה כלשהי.
|