2 replies [Last post]
wisco123
wisco123's picture
Offline
newbie
Last seen: 5 years 33 weeks ago
Timezone: GMT-5
Joined: 2014-10-16
Posts: 2
Points: 3

I am creating a website and I am trying to make the $95 $200 $25 red. Not the words just the numbers. I know i have to use span and then give it a class attribute but i cannot figure out what to type in my HTML and my css file. Also how would i make JUST the words bold? Thank you!

Also these are in an unordered list

Season Package: $95
Patron Package: $200
Single Speaker: $25

  • Season Package: $95
  • Patron Package: $200
  • Single Speaker: $25
wisco123
wisco123's picture
Offline
newbie
Last seen: 5 years 33 weeks ago
Timezone: GMT-5
Joined: 2014-10-16
Posts: 2
Points: 3

I tried to put the ul and li

I tried to put the ul and li tags in there but didn't realize it would format it on here. But the second set with the bullet points has the tags on

//mod edit: Please see http://csscreator.com/node/19116, paragraph 3. ~gt

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 15 hours 54 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9759
Points: 3841

Lots of ways to use the cascade

Here's one:

<ul class="saleprice">
  <li>
    Season Package: <span>$95</span>
  </li>
 
  <li>
    Patron Package: <span>$200</span>
  </li>
 
  <li>
    Single Speaker: <span>$25</span>
  </li>
</ul>

The css:
ul.saleprice {
  font-weight: bold;
  }
 
ul.saleprice span {
  color: red;
  font-weight: normal;
  }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.