Solved

Grouping childs of a contextual selector

Posted on 2008-10-24
4
240 Views
Last Modified: 2011-12-28
Hello,

I currently have something like:

.bigButton .buttonLeft { background-image:url(bigButton-left.gif); }
.bigButton .buttonCenter { background-image:url(bigButton-
center.gif); }
.bigButton .buttonRight { background-image:url(bigButton-right.gif); }
.bigButton ...

How can I group the .bigButton contextual selector?
something like this:

.bigButton [
  .buttonLeft { background-image:url(bigButton-left.gif); }
  .buttonCenter { background-image:url(bigButton-center.gif); }
  .buttonRight { background-image:url(bigButton-right.gif); }
  ...
]

Regards,
DAvid
0
Comment
Question by:dportabella
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
4 Comments
 
LVL 42

Assisted Solution

by:David S.
David S. earned 250 total points
ID: 22799243
There's no way to do that.
0
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 250 total points
ID: 22800527
why not simply join all 3 gifs using photoshop into a single button image and use --

BUTTON.big { background-image:url(bigButton.gif); }

That would be the logical way to do this, I see no reason to keep a button split into 3 parts, since you want a single click on the whole, it is only making for redundancy and cross browser problems, is it not?
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 37343923
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question