include more clases in one line

Question

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

for animations to work.

Look the html.

<div class="caption slideOne">                  
    <div class="capionImage animated"></div>                    
    <h1 class="captionTitle animated">Salty Spa <span class="captionSpan animated">Someseni</span></h1>                 
    <div class="breakLine animated"></div>                          
    <p class="captionParagraph animated">Terapii saline de inalta calitate si relaxare intr-o atmosfera placuta<br>alaturi de familia ta.</p><br><br><br>
    <a href="" class="sliderButton animated">Afla mai multe</a>
</div>

How can I include all in animated class withouth put in every class "animated"

This is what you are looking for http://stackoverflow.com/questions/4910077/select-all-child-elements-recursively-in-css — alebruck, May 17 '15 at 16:07

Majid Sadr · Answer 1 · 2015-05-17T16:12:11.033

1

use this:

 .slideOne * {
      //csscode 
 }

edited May 17 '15 at 16:12

answered May 17 '15 at 16:09

Majid Sadr

911
7
18

there is a `.` missing on your answer. it should be `. slideOne` – alebruck May 17 '15 at 16:10
1

While this post may answer the question, it is still a good idea to add some explanation and, possibly, some links to the relevant documentation. Answers with good explanations and references are usually more useful both to the current OP and to the future visitors. Full detailed answers are also more likely to attract positive votes. – Eugene Podskal May 17 '15 at 17:02
@EugenePodskal You're correct. I'll do it for the next times. Thanks :) – Majid Sadr May 17 '15 at 17:04

score 1 · Answer 2 · answered May 17 '15 at 16:09

. slideOne * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

<div class="caption slideOne">                  
    <div class="capionImage"></div>                    
    <h1 class="captionTitle">Salty Spa <span class="captionSpan">Someseni</span></h1>                 
    <div class="breakLine"></div>                          
    <p class="captionParagraph">Terapii saline de inalta calitate si relaxare intr-o atmosfera placuta<br>alaturi de familia ta.</p><br><br><br>
    <a href="" class="sliderButton">Afla mai multe</a>
</div>

include more clases in one line

2 Answers2