ID classを一緒に使うときは要注意!

1070 ワード

白斗塔、iKONは出てこない、、、、ずいぶん時間を浪費して、、、
FontaSumの問題かと思ったら
もとは

固定されたaラベルがドキュメントから飛び出します.
その後はあなたが望む位置でよく表現されるはずです.
区切り記号があるのでアイコンは表示されません
idとclassを一緒に書きます.
idはhidden
class表示時
選択者はidとclassと一緒に使用する必要があります.
#backtotop.このように
#backtotop .show->class名を習慣的に書く場合
ひと区切りで出てこない
/* back to top */
#backtotop {
    background-color: rgb(47, 48, 89);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition-property: background-color, opacity, visibility;
    transition-duration: 0.3s, 0.5s, 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
}

#backtotop::after {
    content: "\f35b";
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 40px;
    color: #fff;
}

#backtotop.show {
    opacity: 1;
    visibility: visible;
    background-color: rgb(47, 48, 49);
}
に注意