"a:active" will only be styled for a brief second when you click a link and
must be listed AFTER a:hover in order to work. It seemed from your original
post that you were looking for styling that would persist for a menu item
that you had clicked on and now represented the "current" section. In that
case, you will have to, in fact, add a class.
On Wed, Jul 21, 2010 at 11:03 AM, Thijs Hakkenberg <th...@hakkenberg.com>wrote:
> Off course- it should be a:active!
> what a silly mistake to make.
>
> However,
> both
> #block-uc_catalog-0 a:active {
> and
> #block-uc_catalog-0 li a:active
>
> won't show the background whilst #block-uc_catalog-0 a:hover {
> works.
>
>
>
> On 15-7-2010 15:15, Climis, Tim wrote:
> >
> >> -----Original Message-----
> >> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> >> boun...@lists.css-discuss.org] On Behalf Of Tim Arnold
> >> Sent: Thursday, July 15, 2010 8:51 AM
> >> To: Thijs Hakkenberg
> >> Cc:<css-d@lists.css-discuss.org>
> >> Subject: Re: [css-d] background color of a with class
> >>
> >> On Jul 15, 2010, at 7:37 AM, Thijs Hakkenberg
> >> <th...@hakkenberg.com> wrote:
> >>
> >>> Dear List,
> >>>
> >>> I made an menu based on ul's and li's
> >> (http://winkel.varkensinnood.nl)
> >>> with an a:hover turning the a element white.
> >>>
> >>> However, when clicked the<a> element turns into<a
> >> class="active">.
> >>> I want to change the background color and should work with the
> >>> following
> >>> css:
> >>>
> >>> #block-uc_catalog-0 a .active {
> >>> background: #fff;
> >>> }
> >>>
> >>> (it's embedded in a DIV).
> >>>
> >>> but this doesn't work. However,
> >>>
> >>> #block-uc_catalog-0 a:hover {
> >>> background: #fff;
> >>> }
> >>>
> >>> works.
> >>>
> >>> What am I missing?
> >>>
> >> ______________________________________________________
> >> ________________
> >>> 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/
> >>
> >> If you copy/pasted into you message, the problem is that there is a
> >> space between "a" and ".active". It should be "a.active" not "a .active"
> >>
> >> - Tim
> >>
> > Or, it could be that you mean a:active -- not sure, since we don't hvace
> code to know if you have an "active" class.
> >
> > --- Different 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-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/
>
--
-----------------------------------------
tim.arn...@gmail.com
______________________________________________________________________
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/
