因此，我試圖找出如何使一個元素，我正在使用的表情css文件(https://afeld.github.io/emoji-css/)是不可見的，直到它附加的元素也是，是懸停在上面。所以我想要這個:

<p><a href="#"><i class="em em-skull"> SKULL EMOJI</i></a></p>

我希望骷髏頭表情符號只在錨標簽懸停時出現。

嘗試可見性屬性:

i {
    visibility: hidden;
}

i:hover {
    visibility: visible;
}

你應該先設置元素不可見，有一個屬性叫可見性:

a {
  visibility: hidden;
}

然后展示出來:

a:hover {
  visibility: visible;
}

還有更多類型的事件檢測器，這些被稱為偽類，例如:

/* unvisited link */
a:link {
    color: #FF0000;
}

/* visited link */
a:visited {
    color: #00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
    color: #0000FF;
}

試試這個:

超文本標記語言

<p><a href="#" class="showafterhover"><i class="em em-skull"></i>SKULL EMOJI</a></p>

鋼性鑄鐵

.showafterhover>i{visibility: hidden;}
.showafterhover:hover>i{visibility: visible;}

a i { display: none; } a:hover i { display: block; }

Try this CSS it should be work

a .em {
  display: none;
}

a:hover .em {
  display: inline-block;
}

<link  rel="stylesheet" />
<p><a href=#><i class="em em-skull"></i>SKULL EMOJI</a></p>

.em-skull {
  visibility:hidden;
}

a:hover  > .em-skull{
  visibility:visible;
}

<link  rel="stylesheet">

<p><a href="#"><i class="em em-skull"> </i>SKULL EMOJI</a></p>