Solved

Modify CSS to change <del> and <ins> tags?

Posted on 2012-03-14
1
175 Views
Last Modified: 2012-03-15
Is there any way I can modify the CSS here so that the <del> and <ins> tags can have different font attributes without modifying the html/php scripts?  The CSS makes the font green but I would like the <del> which gets crossed out to be red if possible.

Thank you.
#featured-products .amount 
{
color:#008000; font-weight: normal; 
font-size:1.5em; 
display:block;
clear:both;
}

Open in new window

<span class="price">
<del><span class="amount">$7.00</span></del>
<ins> <span class="amount">$5.25</span></ins>
</span>

Open in new window

0
Comment
Question by:-BLUE-
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 40

Accepted Solution

by:
gurvinder372 earned 500 total points
ID: 37723746
add

#featured-products del .amount
{
color:red;
font-weight: normal;
font-size:1.5em;
display:block;
clear:both;
}
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

705 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