مشکل با css

[yasharhi]

دوستان تو فایل css به یک مشکل خوردم ، مشکلم اینه که وقتی کلاس یا آدی جدیدی تعریف میکنم اگر آخر فایل بنویسم کار نمیکنه و اگر به اول فایل css بیارم کار میکنه !

فایل css:



h1{
letter-spacing: 2px;
font-weight: 900;
font-family: 'Roboto', sans-serif;
}
h2,h3,h4,h5 {
font-family: 'Roboto', sans-serif;

}




p{
color: #999999;
font-family: 'Open Sans', sans-serif;

}


.background-1{
background-color: #F7F7F7;
}



/* general css */




.float-left{
float: left;
}
.float-right{
float: right;
}

.margin-0 {
margin : 0;
padding : 0;
}


.up-1 {
margin-top: 10px;
}
.up-2 {
margin-top: 20px;
}
.up-3 {
margin-top: 30px;
}
.up-4 {
margin-top: 40px;
}
.up-5 {
margin-top: 40px;
}
.up-6 {
margin-top: 60px;
}

.up-7 {
margin-top: 70px;
}

.up-8 {
margin-top: 80px;
}

.up-9 {
margin-top: 90px;
}

.up-10 {
margin-top: 100px;
}
.bottom-0 {
margin-bottom: 5px;
}
.bottom-1 {
margin-bottom: 10px;
}

.bottom-2 {
margin-bottom: 20px;
}


.bottom-3 {
margin-bottom: 30px;
}
.bottom-4 {
margin-bottom: 40px;
}

.bottom-6 {
margin-bottom: 60px;
}

.bottom-7 {
margin-bottom: 70px;
}

.bottom-8 {
margin-bottom: 80px;
}
.bottom-9 {
margin-bottom: 90px;
}

.left-1 {
margin-left: 10px;
}

.left-2 {
margin-left: 20px;
}

.left-3 {
margin-left: 30px;
}
.left-7 {
margin-left: 70px;
}

.text-w {
color : #FFF;
}


/* finished general css */




/* nav */

.row .col-lg-5 ul {
height : 65px;
}
.row .col-lg-5 ul li {
display : block;
float : left;
height : 80px;
width : 90px;
line-height : 70px;
color : #9C9C9C;
}
.row .col-lg-5 ul li a:hover {
display : block;
float : left;
height : 80px;
width : 90px;
line-height : 70px;
color : #5D5D5D;
background-color: #EFEFEF;
}
.row .col-lg-5 ul li a {
font-family: 'Droid Serif', serif;
font-size : 14px;
text-transform : uppercase;
text-decoration : none;
height : 8[0px;
text-align : center;
display : block;
color : #9C9C9C;
}
.nav-color {
background-color: #34495E;
}
/* finished nav*/





.background-1{
background-color: #F7F7F7;
}

[harand1]

سلام فکر کنم باید یکم در مورد specificity و اولویت سلکتورها تحقیق کنی :)

[smksmk]

سلام ، با !important مشکلتون حل میشه ،
اما وقتی آخر فایل میزارید و کار نمیکنه یعنی در قسمت های بالاتر آیدی یا کلاس همنام دارید.





h1{

letter-spacing: 2px !important;

font-weight: 900 !important; font-family: 'Roboto', sans-serif !important; }

h2,h3,h4,h5 {

font-family: 'Roboto', sans-serif !important;
}