How to select with css specific id only if have specific class on same div?

Question

So this is situation, fist code show class when nav is on bottom...

<div id="navigation" class="attached-to-bottom">
 <ul>
  <li></li>
  <li></li>
  <li></li>
 </ul>
</div>

this show when my navigation stay sticket to top after i scroll down (with jquery etc etc), but i need change navigation id height to be different when i triger class "attached-to-top") Can i do that with CSS only or?

 <div id="navigation" class="attached-to-top">
     <ul>
      <li></li>
      <li></li>
      <li></li>
     </ul>
    </div>

Josh Crozier · Accepted Answer · 2013-12-16 18:08:24Z

5

Simply don't use a space between them.

#navigation.attached-to-top { height: 100px; }

More information on CSS Selectors

edited Dec 16, 2013 at 18:08

Josh Crozier

242k56 gold badges401 silver badges316 bronze badges

answered Dec 16, 2013 at 15:22

Michael

7,1022 gold badges31 silver badges42 bronze badges

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

2 Comments

Pavlo Over a year ago

In CSS 3 it's called "sequence of simple selectors".

NoobyAFK Over a year ago

im nooob :S i mean i try that but i use wrong height element etc etc... sorry

Collectives™ on Stack Overflow

How to select with css specific id only if have specific class on same div?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related