تغییر در سایر عناصر در css

[mo30qari 1]

سلام خسته نباشید

چطور میشه با کلیک روی یک عنصر سایر عناصر رو دچار تغییر کرد.

مثلا یک عنصر داریم که اگه روش کلیک کردیم؛ padding یا margin یه عنصر دیگه برداشته بشه

من کد زیر رو زدم ولی مثل اینکه اینطوری نمیشه

a:clicked 
{
	#header
	{
		padding:0 40px 0 40px !important;
	}
}

 

ویرایش شده بهمن 94 توسط mo30qari

[فرحان 997]

سلام. باید از جاوا اسکریپت برای این کار استفاده کنید.

ولی راحت ترش این هست که کتابخانه ی  jquery رو توی پیج اینکلود کنید و بعد از اون تکه کد زیر رو بگذارید:

<script type='text/javascript'>
  jQuery(document).ready(function($){
    $('a.myelement').on('click',function(){
      $('#header').css({'padding':'0px 40px 0px 40px'});
    });
  });
</script>

 

[mo30qari 1]

این کد رو دقیقا بذارم تو صفحه یا جای myelement چیز دیگه ای بذارم؟

[فرحان 997]

.myelement کلاسی هست که به یکی از تگ های a تون دادین . برای این که بگیم کدوم تگ a استفاده شده توی صفحه فعلی مد نظرمون هست باید اسم کلاس یا آی دی اون رو به تابع جی کوئری ارسال کنیم.

اگر می خواید با کلیک بر روی هر تگ a ای توی صفحه فعلی دستورات اجرا بشه .myelement رو کلا پاک کنید.