Jquery & Getting CSS

Jquery & Getting CSS

So this issue is new to me. And pretty familiar with Jquery.

Just curious why this works:

  1. $("div#footer a").css('color');

But these do not:
  1. $("div#content a").css('color');
  2. $("div#side1 a").css('color');
  3. $("div#side2 a").css('color');

CSS:
  1. div#content {
  2.     background-color: #FFFFFF;
  3.     color: #000000;
  4.     margin: 0 200px 0 25%;
  5. }
  6. div#content p {
  7.     line-height:1.4;
  8. }
  9. div#content a {
  10.     color: #3ece26;
  11. }
  12. div#content a:hover {
  13.     text-decoration: none;
  14. }
  15. div#side1 {
  16.     background-color:#B9CAFF;
  17.     color: #000000;
  18.     float:left;
  19.     width:200px;
  20.     margin-left:-200px;
  21. }
  22. div#side1 a {
  23.     color: #ffffff;
  24. }
  25. div#side1 a:hover {
  26.     text-decoration: none;
  27. }
  28. div#side2 {
  29.     background-color:#FF8539;
  30.     color: #000000;
  31.     float:left;
  32.     width:25%;
  33. }
  34. div#side2 a {
  35.     color: #ffffff;
  36. }
  37. div#side2 a:hover {
  38.     text-decoration: none;
  39. }
  40. div#footer {
  41.     clear:left;
  42.     width:100%;
  43.     background-color: #333;
  44.     color: #FFF;
  45. }
  46. div#footer p {
  47.     margin:0;
  48.     padding:5px 10px;
  49. }
  50. div#footer a {
  51.     color: #FF8539;
  52. }
  53. div#footer a:hover {
  54.     text-decoration: none;
  55. }

Just boggles my mind how it can grab the footer link color, but no others. Am I missing something here?

All other elements I go to grab (background-color, text color) all work fine. Just not when trying to get the link color. And only able to grab footer link color. ARG!! -_-