CSS how to change the color of a link within a class


Tags: html,css

Problem :

I have parts of my webpage what has a dark background, what I want is that just in that part the links are white, but I tried several things, it still is the darker color

css

.transback {
background: rgba(7, 7, 7, 0.7); 
}
.transback a:{
color:white}

HTML

<div class="pure-u-14-24 transback">
    <a href="../gastenboek_bladeren.html">click here</a>
</div>


Solution :

Remove the colon after a in your CSS, it is not a valid selector. You can target a or a:link a:visited a:hover a:active but not a:

.transback {
  background: rgba(7, 7, 7, 0.7); 
}
  .transback a {
    color:white
  }
<div class="pure-u-14-24 transback">
    <a href="../gastenboek_bladeren.html">click here</a>
</div>


    CSS Howto..

    How can I setup a border inside the div

    Bootstrap table how hidden, when toggled visible using javascript it does not show correctly

    How to set different css attributes with JQuery?

    how to remove a TR which have a TD that contain specific text

    How to set background color based on YAML front matter (Jekyll)

    How do I add a class to a default bootstrap class

    How to add a class to only one div on click?

    How to make horizontal division using html div tag and css

    How to add CSS style to focused anchor in HTML

    How to float text on image in css3

    How to access dynamic controls having same properties in the Javascript

    How to make an oblique oval in CSS?

    Show on hover using CSS and HTML only

    How to access parent element in CSS? [duplicate]

    How can I make an element fit to fill the right part of the window?

    How can i get spaces between images with the same class?

    How to overlay a play button over a thumbnail image using only CSS

    How to make a sliding menu similar to the Facebook Mobile side menu with html,css,jquery?

    How to create column with two divs one fixed above second that hides behind first when scrolling?

    How to extend the background of a CSS-arrow to the whole page width?

    How change the radio button hover color

    How to support transitionend without browser sniffing?

    How to add “pause” button in this jquery slider?

    How to transition overlay menu on clicking button

    How to avoid blank lines at the top of new column (CSS columns)?

    How to properly add margin to elements inside bxSlider

    How to remap CSS shortcut key in Mac Bluefish text editor

    How do i apply Table Header color to Table body using JQuery

    how to connect circles with lines without ovelaping

    CSS - How to change backgound colour for item avatar in ionicframework?