Log in

View Full Version : CSS question


jollyhumper
2014-01-16, 09:05 PM
I've been trying to find out how I did this before, but my mind is blank.

In a CSS file I would like the different links (ie recips, enter and sponsor) to behave differently, size, color, weight etc.

But I can't make it work. I thought I knew this, obviously not.
What style property is correct for overriding those A:link and all that?

(Getting older I guess |banghead|)


Jolly

pc
2014-01-17, 05:10 AM
There are few ways to accomplish this, but all is related and works the same way.
If your recips are just simple links then you can add a.class to a link like this

<a href="http://www.domain.tld" title="title" class="class">Title anchor</a>

and in the css file you just specify this class

a.class{
font-size:normal;
font-seight:400;
color:black
etc etc
}
a.class:hover{
font-size:normal;
font-seight:700;
color:red
etc etc
}

or you can specify certain div elements to behave differently like ex:

<div id="container"><a href="http://www.domain.tld" title="title">Title anchor</a></div>

#conatiner a{
font-size:normal;
font-seight:400;
color:black
etc etc
}
#conatiner a:hover{
font-size:normal;
font-seight:700;
color:red
etc etc
}

Make note that I used id to the div but most common practice and safe would be using classes. ID's could be additional elements inside of a class elements to specify dynamic actions ex using Jquery.

Usually if I don't know something regarding coding then Google is my friend , like this (https://www.google.co.uk/search?q=css+guide+for+newbies&oq=css+guide+for+newbies&aqs=chrome..69i57j0l2.6031j0j4&sourceid=chrome&espv=210&es_sm=122&ie=UTF-8#q=css+links+guide+for+newbies)

Hope that helps.

jollyhumper
2014-01-17, 05:34 AM
Thank you so much for a thoroughly reminder!

Very much appreciated. If greenguy build in a feature where I could give you a lottery-ticket in return (the so far unknown lottery-ticket button)
I would press twice :)

Have a great day
Jolly

flowersgone
2014-01-22, 02:11 PM
I think the thing you are asking about is technically called a "css selector". A css selector seems to tie a css rule and its style declarations to the HTML elements you are trying to style. You can learn more by googling for "css selector" and at some of the links below:

http://www.w3schools.com/css/css_syntax.asp
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors?redirectlocale=en-US&redirectslug=CSS%2FGetting_Started%2FSelectors
http://www.w3schools.com/cssref/css_selectors.asp

jollyhumper
2014-01-22, 02:25 PM
Thanks for the tip!
The reason why what I tried to achieve didn't work was use of numbers in class-names.
I even knew it, just forgot over the years

J:)lly