Solved

Problem with CSS styles

Posted on 2011-09-30
2
206 Views
Last Modified: 2012-08-13
Hello all,

I've set the links for the entire page to white as follows:
a:link {
      color: #FFFFFF;
      text-decoration: none;
}
a:visited {
      text-decoration: none;
      color: #FFFFFF;
}
a:hover {
      text-decoration: none;
      color: #FFFFFF;
}
a:active {
      text-decoration: none;
      color: #FFFFFF;
}

But there are two specific links I need to be black, on this style:

.style35 {color: #838484; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
}

How do I make style35 to have black links?

Thanks!
0
Comment
Question by:pvg1975
2 Comments
 
LVL 22

Accepted Solution

by:
Kim Walker earned 500 total points
ID: 36892269
I'm assuming that "style35" is the class name of a <p> tag and the link you want to be black is within that <p> tag. Is this correct?

If so, you would use the descendant selector as such:

.style35 a {color: #000;}

Open in new window


This simply says that all <a> tags that are descendants of an element with a class name of "style35" should be black.
0
 

Author Closing Comment

by:pvg1975
ID: 36892320
Thanks!
0

Featured Post

ScreenConnect 6.0 Free Trial

Discover new time-saving features in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI, app configurations and chat acknowledgement to improve customer engagement!

Question has a verified solution.

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

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

831 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