|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
#1
November 29th, 2001, 12:34 AM
|
|||
|
|||
|
css classes
hi,
Is it possible to declare a class and then apend another class to that class when needed?? eg. .blue { color: blue } .bold { font-weight: bold } then use it like this: <div class="bold">blue text</div> <br> <div class="blue.bold">blue and bold</div> <--- so the text here is bold and blue. I know that is not the correct way of using it but how would I do this in CSS? thanks edwin
__________________
I know nothing Last edited by edwinx : November 29th, 2001 at 12:37 AM.
|
|
#2
November 29th, 2001, 02:24 AM
|
|||
|
|||
|
Never come across that way of using CSS. This probably doesn't help and is stating the obvious, but why can't you just declare a new class? Using your example:
.blue { color: blue; } .bold { font-weight: bold } .boldblue { color: blue; font-weight: bold; } Are your classes so detailed that you can't declare a new one?  Inch
|
|
#3
November 29th, 2001, 03:22 AM
|
|||
|
|||
|
Quote:
hmm..i guess. what i'm trying to do is make a class called .indent and apply that whenever needed without making a whole new class called .body1text-indent. and how would i use the those psuedo class features of CSS? i read through some examples but it hasn't sunk in yet.. thanks! edwin
|
|
#4
November 29th, 2001, 03:55 AM
|
|||
|
|||
|
Edwin,
What you can do if you want to indent text is just put the style element inside the <div> tag, if you don't want to create a new class. Example .bold { font-weight: bold; } Then in the body put: <div class="bold" style="text-indent: 10px;">Hello World</div> This is a way round your problem, but I still think the best way is as follows: <head> <style type="text/css"> .bold { font-weight: bold; } .boldindent { font-weight: bold; text-indent: 10px; } </style> </head> <body> <div class="bold">Hello World</div> <div class="boldindent"> Hello World</div> Hope this helps....
|
|
#5
November 29th, 2001, 07:55 AM
|
|||
|
|||
|
Try this:
Code:
<html>
<head>
<style>
.bold { font-weight: bold }
.blue { color: blue }
</style>
</head>
<body>
<div class="blue bold">This is bolded blue text</div>
</body>
</html>
Works in IE6, not tested anywhere else. 
|
|
#8
November 29th, 2001, 08:04 PM
|
|||
|
|||
|
6.4.3 Calculating a selector's specificity ?
hi,
does anyone know what section 6.4.3 means in this css reference?? <url>http://www.w3.org/TR/REC-CSS2/cascade.html</url>
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > css classes |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
