Nested CSS Classes, Inheritance

Danny

I'm hoping this technique is possible.
Explaining the following code, I want to be able to format the text of
a subclass, depending on who their parent is.

For example, all child elements nested within <div> tags that has a
class=para, will either get underlined or bolded depending on their
parent (theme or section). The importance is that the children has a
class of "para", but that they should be formatted a certain way
depending on their parent.

APPRECIATE IT IF ANYONE CAN HELP.

<style>
div { font-family: Arial; }
div.theme { color: #000099; }
div.section { color: #990000; }
..section.para { font-weight: bold; }
..theme.para { text-decoration: underline; }
</style>

<body>
<div class="theme">
<div class="para">
THEME
</div>
</div>
<div class="section">
<div class="para">
SECTION
</div>
</div>

</body>

Jul 20 '05 #1

Subscribe Reply

61437

Chris Morris

da********@hotmail.com (Danny) writes:

For example, all child elements nested within <div> tags that has a
class=para, will either get underlined or bolded depending on their
parent (theme or section). The importance is that the children has a
class of "para", but that they should be formatted a certain way
depending on their parent.
Look up descendant selectors in the CSS specification or a tutorial.
http://www.w3.org/TR/CSS2/
.section.para { font-weight: bold; }
..section .para {...}
.theme.para { text-decoration: underline; }

..theme .para {...}

--
Chris

Jul 20 '05 #2

Steve Pugh

da********@hotmail.com (Danny) wrote:

Explaining the following code, I want to be able to format the text of
a subclass, depending on who their parent is.

For example, all child elements nested within <div> tags that has a
class=para, will either get underlined or bolded depending on their
parent (theme or section). The importance is that the children has a
class of "para", but that they should be formatted a certain way
depending on their parent.

.section.para { font-weight: bold; }

You need a space in there.

..section.para matches any element with class="section para"
..section .para matches the inner element that in
<XXX class="section"><XXX class="para">
which is what I think you're describing here.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

Jul 20 '05 #3

Danny

Hey Chris and Steve, thanks for your reply....worked like a charm...to
think, all i needed was that ONE SPACE, and it would've
worked......what a waste of a day trying to figure it out on my own.

MUCH APPRECIATED,
Steve Pugh <st***@pugh.net> wrote in message news:<p9********************************@4ax.com>. ..

da********@hotmail.com (Danny) wrote:
Explaining the following code, I want to be able to format the text of
a subclass, depending on who their parent is.

For example, all child elements nested within <div> tags that has a
class=para, will either get underlined or bolded depending on their
parent (theme or section). The importance is that the children has a
class of "para", but that they should be formatted a certain way
depending on their parent.

.section.para { font-weight: bold; }

You need a space in there.

.section.para matches any element with class="section para"
.section .para matches the inner element that in
<XXX class="section"><XXX class="para">
which is what I think you're describing here.

Steve

Jul 20 '05 #4

Similar topics

4521

Inheritance and Inner/Nested Classes

by: Paul Morrow | last post by:

I'm hoping that someone can explain why I get the following exception. When I execute the code... ###################################### class Parent(object): class Foo(object): baz = 'hello...

Python

4003

Nested Class vs Inheritance

by: KInd | last post by:

Hello All, When is nested class more preferable that Inheritance ? I think with proper inheritance and friend class concept we can get the same flexibility as nested classes Any comments .. Best...

C / C++

3284

References between nested objects (PHP4)

by: Markus Ernst | last post by:

Hello In a content administration tool I call classes from inside classes in order to separate the admin functions from the display-only functions: class book { var $title; var $author;...

PHP

1313

Question about compiler error with nested classes

by: Luis Diego Fallas | last post by:

Hi everyone , I'm having a problem when trying to compile code that contains the following pattern: using System; public class A { public class B : Inn.C { }

C# / C Sharp

1964

Nested classes within .NET Framework

by: Christopher Ireland | last post by:

Hi -- I'm trying to find an example of a nested class implemented within the .NET Framework itself but without much success. I don't suppose that anybody knows of such an example off the top of...

C# / C Sharp

2690

Nested Classes

by: C# Learner | last post by:

Is it not possible to declare a nested class in a seperate file from its "parent" class -- i.e. in a similar way to the idea of spreading namespaces over more than one file?

C# / C Sharp

2399

Problem with Nested Classes and Inheritance

by: Ryan Shaw | last post by:

Iâ€™m having a small problem with inheritance with a hierarchy of classes The example is Class Class Private m_classB as Class Class Class End Clas End Clas

Visual Basic .NET

2056

Inheritance in nested classes

by: Martin Skou | last post by:

I'm experimenting with using Python for a small web interface, using Mark Hammond's nice win32 extensions. I use a small class hierarchy which uses inheritance and nested classes. Here are a...

Python

2357

Business Object Advice, Nested Classes

by: miked | last post by:

I am architecting in a read only class for use in mapping data to a business object. The object makes strong use of nested classes and their ability to access protected fields. The downside is...

C# / C Sharp

3446

Nested template specialization?

by: stephen.diverdi | last post by:

Can anyone lend a hand on getting this particular template specialization working? I've been trying to compile with g++ 4.1 and VS 2005. ...

C / C++

7260

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7161

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7101

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

5686

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

5089

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

3222

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

1596

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

802

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

456

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General