Select precedding/successor siblings through css selectors


.hover-primary-bg:hover *,.hover-primary-bg:hover{
background: #039690; color: white;
}
.hover-white-bg:hover *,.hover-white-bg:hover{
background: white; color: #039690;
}
.hover-primary-bg:hover ~div.hover-white-bg, .hover-primary-bg:hover +div.hover-white-bg{
background: white; color: #039690;
}
.hover-container:hover > div.hover-primary-bg, .hover-container:hover > div.hover-primary-bg *{
background: #039690; color: white !important;
}
.big-text, .big-text *{
font-size: 250%; font-weight: 300;padding: 30px 0px;
}

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s