31

انا أحمد الألفي ... مدمن HTML/CSS/JavaScript ... اسألني عما تشاء

أعمل بمجال الـ Front-End development وأكملت عمل الكثيرين من مطوري الـ .net, rails, php وغيرها. اسألني عن أي شئ له علاقة بـ HTML/CSS/JavaScript


التعليق السابق
0
ahmadalfy أضف ردا

أعتذر في التأخر عن الرد.

من الممكن اتباع طريقة من إثنين لعمل تأثير مماثل لما تسأل عنه. لنفترض مثلاً أن القائمة تتركب كالآتي:

<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Contact</a></li>
</ul>

من الممكن ان تقوم بوضع class للعنصر الفعال في القائمة مثلا:

<ul>
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Contact</a></li>
</ul>

وهناك طريقة أخرى أستخدمها أحيانا عندما أستخدم class أو id خاص بكل صفحة ... مثلا:

<body class="home-page"> ...
<ul>
    <li class="home"><a href="#">Home</a></li>
    <li class="active"><a href="#">Contact</a></li>
</ul>

يمكنك تعريف كل صفحة في الـ body وسيكون الـ CSS وقتها كالتالي:

body.home-page li.home { ... }

وهكذا