How to apply a sifr rule to a hyperlink and also its a.active counterpart


Tags: css,class,sifr,rules

Problem :

Have a hyperlink inside of a h1... like so:
<h1 id="site-name"><a href="blah">blah</a><h1>

I apply a sifr3 rule to the css: h1#site-name

then inside sifr3-rules.js i apply the following rules... "a": { "text-decoration": "none" }, "a:link": { "color": "#FF0000" }, "a:hover": { "color": "#00FF00", "text-decoration": "none" }

But i realized in my Drupal site, it automatically adds .active class to the hyperlink, and the default link color won't work (however unusually the hover works)...

How can I set the rule so something like "a.active": { "color": "#FF0000" } gets applied? [that does't do anything btw, but i thought maybe it would help it out]



Solution :

I don't believe Flash lets you select links with a class name (a.active). Best bet is to put the active class on the h1 instead. You can then replace h1.active to do the different styling. Make sure to replace it before the other h1s though.


    CSS Howto..

    CSS: How can i divide a border into two lines? [duplicate]

    How to create a CSS box link without using display: block

    How to make TD behaving like TR(row) with CSS?

    How to split multiple string using jQuery or javascript?

    How to fill columns with images

    How to add “android_asset/www/” to the image's path in the CSS only if app is running in Android?

    How can I specify a *.css file in an ASP.NET UserControl?

    How to make a better transition of

    How do I change image A when hovering over image B without JavaScript only CSS

    How to create a dropdown with lu and li tags like this

    How to share js/css/images across Rails applications?

    How to make a logo css slider?

    How can i hide certain table column in a HTML table using CSS

    how to create the scrolling Menu in css?

    How to make a content div stretch from a header div to a footer div?

    How to show divs inline. css html

    how to encode .css file?

    Email-box shows at “random” place

    How to vertically align text inside
  • in a CSS based drop-down menu?
  • Pure CSS Slideshow with animation delay fadein fadeout effects

    How can I have a transparent overlay and center with flex box?

    How to centre a div vertically and horizontallly?

    How to control the size of a table cell in css

    How to minimize the no of css

    What html or css attribute should I modify so that a mobile browser shows the website with no blank space on the right?

    How to select Parent Div in CSS [duplicate]

    How to stop Injected HTML-div / CSS from inheriting styles ? (Internet Explorer)

    CSS Transition not showing with directive

    Need help determining how to position this element with CSS

    if i clone an element, when i customize (css) that element how can customize also the element cloned?