CSS Error तब होता है जब CSS code गलत syntax, wrong property, या incorrect value के कारण सही से apply नहीं होता। CSS में error आने पर browser कोई error message नहीं दिखाता, बल्कि उस rule को ignore कर देता है।
Common CSS Errors
1. Semicolon (;) भूल जाना
CSS में हर declaration के end में semicolon जरूरी होता है।
गलत:
p {
color: red
font-size: 16px;
}
सही:
p {
color: red;
font-size: 16px;
}
2. Curly Braces { } Miss करना
Curly braces selector के लिए जरूरी होती हैं।
गलत:
p
color: blue;
सही:
p {
color: blue;
}3. Property Name गलत लिखना
अगर property गलत है तो browser उसे ignore कर देगा।
गलत:
p {
textcolor: red;
}
सही:
p {
color: red;
}4. Value गलत देना
Property correct होने के बाद भी value गलत हो सकती है।
गलत:
p {
color: 20px;
}
सही:
p {
font-size: 20px;
}5. Class Selector में Dot (.) भूल जाना
Class selector हमेशा dot से शुरू होता है।
गलत:
text {
color: red;
}
सही:
.text {
color: red;
}6. ID Selector में Hash (#) भूल जाना
ID selector हमेशा # से शुरू होता है।
गलत:
title {
color: blue;
}
सही:
#title {
color: blue;
}7. CSS File Link गलत होना
External CSS में path या file name गलत होने से CSS load नहीं होती।
गलत:
<link rel="stylesheet" href="stylee.css">
सही:
<link rel="stylesheet" href="style.css">8. CSS को Wrong Place पर लिखना
<link> tag को <head> section के अंदर होना चाहिए।
गलत:
<body>
<link rel="stylesheet" href="style.css">
</body>
सही:
<head>
<link rel="stylesheet" href="style.css">
</head>9. Duplicate Property लिखना
Same selector में same property बार-बार लिखने पर last value apply होती है।
p {
color: red;
color: blue;
}
यहाँ paragraph का color blue होगा.
10. Browser Cache Issue
कभी-कभी CSS सही होने के बाद भी change नहीं दिखता।
Solution:
- Page refresh करें
- Hard refresh करें (Ctrl + F5)
CSS Error कैसे Debug करें?
- Browser DevTools का use करें
- CSS file path check करें
- Property और value spelling verify करें
- Step-by-step CSS लिखें
Summary
- CSS error होने पर browser rule ignore कर देता है
- Semicolon और curly braces सबसे common mistakes हैं
- Class और ID selector syntax सही होना चाहिए
- External CSS में file path सही होना जरूरी है