How make css with two class like odd and even?
CSS Codes
Junior Coders
how make odd css
How make css with two class like odd and even?
Senior Coders
.odd {}
.even {}
however i dont think that is what you are asking.
Junior Coders
Good evening,
Is this what you want?
Kind regards,Code:<!DOCTYPE HTML> <html> <head> <title>Complete Template</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" type="text/css" href="font_style.css" /> <script type="text/javascript" src="jquery-1.8.3.js"></script> <style type="text/css"> ol li:nth-child(odd) { color: red; } </style> </head> <body> <ol> <li>this is first</li> <li>this is second</li> <li>this is third</li> <li>this is fourth</li> </ol> </body> </html>
LC.
Junior Coders
No in toplists there two class one by one example:red class white class and again red class again white class
Global Moderator
What is "toplists"?
Please include a link to the page on your site that contains the problematic code so we can check it out.
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Junior Coders
Like this site I want to add in my site that blue and green class of music album category
http://123musiq.mobi/songs/1/latest
Last edited by jscheuer1; 09-22-2013 at 02:46 PM. Reason: Format
Global Moderator
That server isn't resolving at the moment. But, from the description you give, it sounds like LearningCoder's answer is what you're looking for. Perhaps you just don't know how to use it. I mean, this can be done various ways, LearningCoder's solution is a good one. Or it might be something else you're looking for, Did you try LearningCoder's solution?
Last edited by jscheuer1; 09-22-2013 at 02:57 PM.
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Junior Coders
Good evening all,
You can always add:
That way you can style the odd and even list items exactly how you want without assigning a class to each and every other list item.Code:<!DOCTYPE HTML> <html> <head> <title>Complete Template</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" type="text/css" href="font_style.css" /> <script type="text/javascript" src="jquery-1.8.3.js"></script> <style type="text/css"> ol li:nth-child(odd) { color: red; } ol li:nth-child(even) { color: green; font-weight: bold; } </style> </head> <body> <ol> <li>this is first</li> <li>this is second</li> <li>this is third</li> <li>this is fourth</li> </ol> </body> </html>
Or you could in theory I suppose:
Let's say you are styling all the 'odd' list items. Give your whole list a default style (style it how you would like the EVEN list items to appear, then just add the ol li:nth-child(odd) declaration to change the odd list items.
Your question was quite vague so not sure exactly what you're looking for!
Put the whole code above in a new HTML file and run the file!
Kind regards,
LC
Posting Permissions
Reply With Quote
Bookmarks