تخصیص css به یک ماژول

[Amin.Manager 11]

سلام دوستان

من کدهای css زیر رو داخل فایل css قالبم قرار دادم:

div.logo{
	width:100%;
	height:110px;
	background:#292D35;
	margin-top:5px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom:1px solid #16181D;
	box-shadow:0px 1px 12px 0px #16181D inset;
	float:right;
	margin-bottom:10px;
}
div.vertical{
	background:#CCCCCC;
	border:1px solid #999999;
	width:60px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	float:left;
}
ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
li{
	float:left;
}
li img{
 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
         transition: all 0.5s ease;
	width:64px;
}
li img:hover{
	width:120px;
	margin-top:-10px;
	margin-left:-10px;
}

چجوری میتونم این ها رو نامگذاری کنم و فقط به یه ماژول اختصاص بدم؟

[Vahid Taheri 74]

برای این کار شما باید از کلاس ماژول استفاده کنید که در توضیحات و آموزش هاش در انجمن مطرح شده و با جستجو میتونید پاسخ سوالتون برسین

[Amin.Manager 11]

ببینید من خیلی سرچ کردم فقط یه راهنایی میخوام، من میتونم یک تکه css رو به یک ماژول تخصیص بدم ولی اینجوری گروهی تا حالا اینکارو نکردم، من به مشکل تداخل css ذر قالبم مواجه شدم به خاطر همین میخوام فقط به یه ماژول تخصیصش بدم. ممنون میشم راهنمایی کنید

[s77sh 13]

شما باید ابتدا یه کلاس اصلی بسازید بعد زیر مجموعه هاش رو

.test1 {}
.test1 a{}
.test1 a:hover

[Amin.Manager 11]

ممنون دوستان بالاخره همه مشکلاتم حل شد.