How to do CSS on hover targeting styles of a selector with two element names

Question

I know you can change the style of a selector on hover of another selector, but it doesn't work when the selector you need to change uses two element names like this:

Doesn't work. Anyway to make this work with just CSS?

.menu-btn:hover .menu-btn span  {
    /*styles*/
}

Works

.menu-btn:hover span  {
     /*styles*/
}

Can you explain what you need exactly?

Maheswaran S
– Maheswaran S

2017-08-18 14:13:02 +00:00
Commented Aug 18, 2017 at 14:13 — Maheswaran S
– Maheswaran S, Commented Aug 18, 2017 at 14:13

Maheswaran S · Accepted Answer · 2017-08-18 14:12:31Z

1

.menu-btn:hover span, .menu-btn span  {
/*styles*/

}

answered Aug 18, 2017 at 14:12

Maheswaran S

5253 silver badges12 bronze badges

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

Comments

Buwaneka Sudheera · Accepted Answer · 2017-08-18 14:16:40Z

0

Use a coma between .menu-btn:hover span and .menu-btn span. This should probably work if I understood your question correctly.

.menu-btn:hover span, .menu-btn span  {
    //code;
}

answered Aug 18, 2017 at 14:16

Buwaneka Sudheera

1,4575 gold badges21 silver badges40 bronze badges

Collectives™ on Stack Overflow

How to do CSS on hover targeting styles of a selector with two element names

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related