Re: [css-d] Is there such a thing as a sub class (in css not society)
Thanks, but that doesn't really answer my question.
What I want is an empty class that has no specific meaning itself but
extends another class.
This is fine when I have an element within an element because I can set
a style for .parent .child
I can also set a specific element's style using #child .child
I can also say that an element adopts 2 styles with .english .child
To partly answer my question I could specify .tall . child where tall is
20% above average
But what if a .tall .parent is only 10% taller?
-
Isn't that what .tall.parent does?
.tall.parent {height: 110%}
.tall.child {height:120%}
---Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Is there such a thing as a sub class (in css not society)
I want to rationalise my css so that I am not continually inventing
classes when I want to create a new effect.
Today I have created a 'pullout' class which has a head, image and body.
I don't want to use an H? because I don't know where that element is
going to sit in a document and I don't want to have to undo any styles
set previously.
So I have .thisHead and .thisImg which are not styled explicitly but
within their context, e.g. .pullout .thisHead {}. This means I have to
re-style .thisHead whenever it belongs to a different parent but at
least I don't have to invent a new class name.
So far so good. But now I have a 'comment' class which follows a set
format except its width changes depending whether it is a short or
medium length.
So I tried class=comment wide but that doesn't work because .wide is
not set explicitly, only within another style. The alternative is to
have a narrowComment class and a wideComment class because a wide class
with a set width means it can only apply to a 'comment' element.
I've used .larger and .smaller in the past but I have to specify the
increment which gives me no flexibility.
It would be simpler if I were dealing with IDs because I could style my
#comment and add a .wide class and then specify the style for #comment
.wide in my style sheet.
But 'Comment' is not an object, its a type.
So, in effect, I'm looking for a sub class. Does this make sense and is
there a logical solution that's portable and not too exotic?
--
Kind Regards
Chris Price
Choctaw
chris.pr...@choctaw.co.uk mailto:chris.pr...@choctaw.co.uk
www.choctaw.co.uk http://www.choctaw.co.uk
Tel. 01524 825 245
Mob. 0777 629 0227
Choctaw Media
Fertile Ground for Websites
Follow me on Twitter http://twitter.com/choctaw
Catch up with me on LinkedIn http://www.linkedin.com/in/spoonfulofdreams
Its a Living Thing~~
Sent on behalf of Choctaw Media Ltd
~~
Choctaw Media Limited is a company registered in
England and Wales with company number 04627649
Registered Office: Priory Close, St Mary's Gate,
Lancaster LA1 1XB, United Kingdom.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is there such a thing as a sub class (in css not society)
U can set multiple style classes to an item. Also u can use the
cascade. So u can set styles for all of the .thisHead And then set
styles that are only for .pullout .thisHead
Sent from my iPhone
On Jul 23, 2009, at 7:56 AM, Chris Price chris.pr...@choctaw.co.uk
wrote:
I want to rationalise my css so that I am not continually inventing
classes when I want to create a new effect.
Today I have created a 'pullout' class which has a head, image and
body.
I don't want to use an H? because I don't know where that element is
going to sit in a document and I don't want to have to undo any styles
set previously.
So I have .thisHead and .thisImg which are not styled explicitly but
within their context, e.g. .pullout .thisHead {}. This means I have to
re-style .thisHead whenever it belongs to a different parent but at
least I don't have to invent a new class name.
So far so good. But now I have a 'comment' class which follows a set
format except its width changes depending whether it is a short or
medium length.
So I tried class=comment wide but that doesn't work because .wide is
not set explicitly, only within another style. The alternative is to
have a narrowComment class and a wideComment class because a wide
class
with a set width means it can only apply to a 'comment' element.
I've used .larger and .smaller in the past but I have to specify the
increment which gives me no flexibility.
It would be simpler if I were dealing with IDs because I could style
my
#comment and add a .wide class and then specify the style for #comment
.wide in my style sheet.
But 'Comment' is not an object, its a type.
So, in effect, I'm looking for a sub class. Does this make sense and
is
there a logical solution that's portable and not too exotic?
--
Kind Regards
Chris Price
Choctaw
chris.pr...@choctaw.co.uk mailto:chris.pr...@choctaw.co.uk
www.choctaw.co.uk http://www.choctaw.co.uk
Tel. 01524 825 245
Mob. 0777 629 0227
Choctaw Media
Fertile Ground for Websites
Follow me on Twitter http://twitter.com/choctaw
Catch up with me on LinkedIn http://www.linkedin.com/in/spoonfulofdreams
Its a Living Thing~~
Sent on behalf of Choctaw Media Ltd
~~
Choctaw Media Limited is a company registered in
England and Wales with company number 04627649
Registered Office: Priory Close, St Mary's Gate,
Lancaster LA1 1XB, United Kingdom.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is there such a thing as a sub class (in css not society)
To address the subject line before getting to the actual problem
described: No. HTML classes (which CSS class selectors select) are not
classes in the sense used in traditional OO programming. They are
classes in the wider sense.
4: a collection of things sharing a common attribute; there
are two classes of detergents [syn: category, family]
-- Wordnet
So throw all thought about OO programming concepts away when thinking
about classes in terms of HTML and CSS.
2009/7/23 Chris Price chris.pr...@choctaw.co.uk:
So I tried class=comment wide but that doesn't work because .wide is
not set explicitly, only within another style. The alternative is to
have a narrowComment class and a wideComment class because a wide class
with a set width means it can only apply to a 'comment' element.
It would be simpler if I were dealing with IDs because I could style my
#comment and add a .wide class and then specify the style for #comment
.wide in my style sheet.
You can combine multiple classes selectors too:
.comment.wide { }
But support is lacking in IE6.
--
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is there such a thing as a sub class (in css not society)
Atkinson, Sarah wrote: U can set multiple style classes to an item. Also u can use the cascade. So u can set styles for all of the .thisHead And then set styles that are only for .pullout .thisHead I have a 'comment' class which follows a set format except its width changes depending whether it is a short or medium length. So I tried class=comment wide but that doesn't work because .wide is not set explicitly, only within another style. The alternative is to have a narrowComment class and a wideComment class because a wide class with a set width means it can only apply to a 'comment' element. I've used .larger and .smaller in the past but I have to specify the increment which gives me no flexibility. It would be simpler if I were dealing with IDs because I could style my #comment and add a .wide class and then specify the style for #comment .wide in my style sheet. But 'Comment' is not an object, its a type. So, in effect, I'm looking for a sub class. Does this make sense and is there a logical solution that's portable and not too exotic? Thanks, but that doesn't really answer my question. What I want is an empty class that has no specific meaning itself but extends another class. This is fine when I have an element within an element because I can set a style for .parent .child I can also set a specific element's style using #child .child I can also say that an element adopts 2 styles with .english .child To partly answer my question I could specify .tall . child where tall is 20% above average But what if a .tall .parent is only 10% taller? -- Kind Regards Chris Price Choctaw chris.pr...@choctaw.co.uk mailto:chris.pr...@choctaw.co.uk www.choctaw.co.uk http://www.choctaw.co.uk Tel. 01524 825 245 Mob. 0777 629 0227 Choctaw Media Fertile Ground for Websites Follow me on Twitter http://twitter.com/choctaw Catch up with me on LinkedIn http://www.linkedin.com/in/spoonfulofdreams Its a Living Thing~~ Sent on behalf of Choctaw Media Ltd ~~ Choctaw Media Limited is a company registered in England and Wales with company number 04627649 Registered Office: Priory Close, St Mary's Gate, Lancaster LA1 1XB, United Kingdom. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
