Author Topic: CSS question (Read 2846 times)

flyingfisch · « **on:** June 13, 2012, 06:07:44 pm »

Dumb question I know, but anyway. How do I change the properties for a tag inside a class?

example:

<tag class="class">
  <atag></atag>
<tag>

To edit stuff for atag, is it

Code: [Select]

.class atag {
stuff
}

Or is it

Code: [Select]

atag .class {
stuff
}

Thanks

Eeems · « **Reply #1 on:** June 13, 2012, 07:22:14 pm »

Code: [Select]

atag.class{
  /* stuff */
}

or

Code: [Select]

.class{
   /* stuff */
}

Although this will affect anything with this class. You can also use

Code: [Select]

atag{
   /* stuff */
}

For all references of atag

Deep Toaster · « **Reply #2 on:** June 13, 2012, 07:26:08 pm »

Quote from: Eeems on June 13, 2012, 07:22:14 pm

Code: [Select]
atag.class{ /* stuff */ }

Eeems, he wants to know how to target atag as a descendant of .class, not the element itself.

What you're looking for is

Code: [Select]

.class atag
{
    /* stuff */
}

(your first guess, flyingfisch).

Eeems · « **Reply #3 on:** June 13, 2012, 07:56:46 pm »

Oh right lol, I just skimmed the question.
Another more specific way to do this would be

Code: [Select]

tag.class atag{
   /* stuff */
}

flyingfisch · « **Reply #4 on:** June 13, 2012, 07:58:43 pm »

Thanks for the replies guys

DJ Omnimaga · « **Reply #5 on:** June 13, 2012, 08:14:55 pm »

To prevent any confusion, could you explain what is <atag> though? Can one just use any nonexistent tag in his HTML code to assign CSS properties to it?

Juju · « **Reply #6 on:** June 13, 2012, 10:55:18 pm »

Well, you can actually use nonexistant tags and your browser won't even complain. It won't pass the W3C Validator though. And I never tried it, but I think the CSS parser won't even care if your tag exists or not.

Eeems · « **Reply #7 on:** June 14, 2012, 02:40:13 am »

Some might throw warnings. I know I've used non-existent tags before. Not a good idea to do though.

flyingfisch · « **Reply #8 on:** June 14, 2012, 10:07:14 am »

Quote from: DJ_O on June 13, 2012, 08:14:55 pm

To prevent any confusion, could you explain what is <atag> though? Can one just use any nonexistent tag in his HTML code to assign CSS properties to it?

The reason I used <atag> was just to create some arbitrary code.

It could be any tag like <span>, <div>, etc.

Author Topic: CSS question (Read 2846 times)

flyingfisch

CSS question

Eeems

Re: CSS question

Deep Toaster

Re: CSS question

Eeems

Re: CSS question

flyingfisch

Re: CSS question

DJ Omnimaga

Re: CSS question

Juju

Re: CSS question

Eeems

Re: CSS question

flyingfisch

Re: CSS question