国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Fügen Sie ?<' nach dem Element mit class='btn' hinzu und ersetzen Sie den ursprünglichen Inhalt nach dem Element durch :hover:after
P粉236743689
P粉236743689 2023-09-09 12:32:51
0
2
854

Die Ausgabe bei ':hover' ist immer

"1IPSUM"

Wenn ich mich entscheide, ein ?:before“-Element mit dem Inhalt ?1“ hinzuzufügen, wird einfach eine 1 hinzugefügt, sodass die Ausgabe vor dem Hover ?11“ lautet

Die Ausgabe, die ich m?chte, ist:

Die Ausgabe beim Schweben ist ?IPSUM“

Geige: https://jsfiddle.net/Zxdfvv/u9xgoks3/

.btn:hover:after {
  padding-bottom: 200px;
  content:"IPSUM";
}
<div class='btn'>1</div>

P粉236743689
P粉236743689

Antworte allen(2)
P粉275883973

謝謝你，EmSixTeen！我在學校，所以無法登錄我的賬戶。偽元素在不同的瀏覽器上是否能夠正常工作？

P粉715304239

您正在為偽元素設置content:，而不是為元素本身設置。這就是為什么當您向::before添加內容時，它會顯示在元素文本之前，然后如果您使用::after，它會顯示在元素文本之后。

您可以使用偽元素來設置初始文本。所以您可以這樣做：

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background-color: #006400;
  display: grid;
  place-items: center;
}

main {
  padding: 1em;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.btn {
  border: 3px solid black;
  text-align: center;
  border-radius: 20px;
  letter-spacing: 2px;
  padding: 1em 1.5em;
  background-color: #ffd700;
  color: black;
  font-family: monospace;
  display: inline-block;
  margin: 1em;
}

.btn::after {
  display: inline-block;
}

.btn--empty::after {
  content: "";
}

.btn--pseudo::after {
  content: "lorem";
}
.btn:hover::after {
  content: "ipsum";
}
<html>

<body>
  <main>
  
    <a class="btn btn--empty" href="#"></a>

    <a class="btn btn--pseudo" href="#"></a>

  </main>
</body>

</html>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage