Highlighted

hover

Engaged ,
Jun 08, 2019

Copy link to clipboard

Copied

Hi,

For hover, I wrote below.

i {
font-size: 15px;
margin-right: 3px;
color: dimgray;
}

i:hover {
color: white;
}

But the color of the icon doesn't change to white.

Is there any way to make it happen?

Hosuns Portfolio 3

Hosun Kang

Q_Dw_24_hover.png

You will need to get more 'specific'.

Instead of:

i:hover {

color: white;

}

Use:

ul li a:hover i {

color: white;

}

Views

83

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

hover

Engaged ,
Jun 08, 2019

Copy link to clipboard

Copied

Hi,

For hover, I wrote below.

i {
font-size: 15px;
margin-right: 3px;
color: dimgray;
}

i:hover {
color: white;
}

But the color of the icon doesn't change to white.

Is there any way to make it happen?

Hosuns Portfolio 3

Hosun Kang

Q_Dw_24_hover.png

You will need to get more 'specific'.

Instead of:

i:hover {

color: white;

}

Use:

ul li a:hover i {

color: white;

}

Views

84

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 08, 2019 0
Adobe Community Professional ,
Jun 08, 2019

Copy link to clipboard

Copied

Is the element an active link?  You need to target the anchor.

CSS Pseudo-classes

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 08, 2019 1
LEGEND ,
Jun 09, 2019

Copy link to clipboard

Copied

You will need to get more 'specific'.

Instead of:

i:hover {

color: white;

}

Use:

ul li a:hover i {

color: white;

}

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 09, 2019 2