multiple css structure options

Question

I've got a CSS structure problem regarding multiple items with the same contents.

What I want is for there to be two divs, one with a class of right and another with a class of left. They both have several links inside of them with no classes attached to them. What I want is to be able to simply do something like this:

<!DOCTYPE html>
<html>
<head>
<style>
div.left or div.right > a {
    background-color: yellow;
}
</style>
</head>
<body>

<div class="right">
  <a href="google.com">test</a>
</div>

<div class="left">
  <a href="google.com">test2</a>
</div>

</body>
</html>

I know that won't work, but I was wondering if there was an alternative method of doing this.

Do you want to accomplish to style both hyperlinks in one css-statement? — Herman Cordes
– Herman Cordes, Commented Aug 27, 2014 at 11:52
You might also want to take a look at: stackoverflow.com/questions/25285518/… — Hashem Qolami
– Hashem Qolami, Commented Aug 27, 2014 at 13:26

Suresh Ponnukalai · Accepted Answer · 2014-08-27 11:52:39Z

4

Use like below.

div.left > a, div.right > a {
background-color: yellow;
}

answered Aug 27, 2014 at 11:52

Suresh Ponnukalai

14k5 gold badges36 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

multiple css structure options

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related