CSS classes somehow interlinked

  • Resolved Jacob Martella

    (@arenapigskin)


    13 years, 11 months ago

    I’m having a major issue trying to create a theme. I have two class that have somehow managed to interlink with each other. On is “p.widget-body” and the other is “h3.category-headline”. The code for both is below.

    p.widget-body{
	color: #FFF;
	font-size: 12px;
}
p.widget-body a:link, a:visited, a:hover{
	color: #FFF;
	font-size: 12px;
}
    h3.category-headline a, a:link, a:visited, a:hover{
	color: #000033;
	font-size: 20px;
}

    It’s becoming really frustrating considering this is the only thing wrong now with the theme. Everything else works like a dream.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Rev. Voodoo

    (@rvoodoo)

    13 years, 11 months ago

    I think you aren’t being specific enough…

    On the 2 selectors you specifiy

    a:link, a:visited, a:hover

    which is the exact same thing – you are setting the link/visited/hover properties for ALL links sitewide with that code

    I think what you mean is

    h3.category-headline a,
h3.category-headline a:link,
h3.category-headline a:visited,
h3.category-headline a:hover {

    and of course, you would do the same for the p.widget-body block

    Thread Starter Jacob Martella

    (@arenapigskin)

    13 years, 11 months ago

    Thanks. It worked. Should have known better. Nothing like a simple solution to a seemingly complicated problem to make you come down to earth. Such is the life of a newby web developer.

    Rev. Voodoo

    (@rvoodoo)

    13 years, 11 months ago

    Such is the life of a newby web developer

    HA! Don’t I know it!!

    I’m glad that worked for you!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS classes somehow interlinked’ is closed to new replies.