Tricky situation that needs to be resolved by css alone

Asked Aug 06 '15 at 19:07

Active Aug 06 '15 at 19:07

Viewed 22 times

I have the following

<div class="prod_price back">£10.75</div>

Its position is set by css. However, if a product is on special offer, the php generated output becomes

<div class="prod_price back">
<span class="normalprice">£11.95</span>
<br></br>
<span class="productSpecialPrice">£8.95</span>
<span class="productPriceDiscount"><br></br>Save 25%</span>
</div>

Due to other elements on the page this causes the prices to be misaligned vertically. A margin-top of -36px applied to .prod_price would put it back into line, but obviously this causes the normal prices to display too far up in the layout.

Is there any method of applying a certain css rule if .prod_price back is followed by span class="xxxxxx"?

If there is, I'm not aware of it.

asked Aug 06 '15 at 19:07

Steve Price

In your example it's not ***followed*** - SPAN is its child. – Roko C. Buljan Aug 06 '15 at 19:10
change the php output – knitevision Aug 06 '15 at 19:12
Steve, please... spice your code with some CSS so one can figure out what you're actually talking about – Roko C. Buljan Aug 06 '15 at 19:18

Tricky situation that needs to be resolved by css alone

0 Answers0