Question

I've created a link that acts as a button to logout from a user's account (wordpress) and added some style to it, but I can't figure out why the style takes some time to apply. This is the html:

<div class="cerrar-sesion">
<a href="<?php echo wp_logout_url( get_permalink() ); ?>">CERRAR SESIÓN</a>
</div>

And this is the style:

a:link {
    text-decoration: none;
    color: #000000;
}
.cerrar-sesion{
    padding: 2px;
    position: absolute;
    top: 2%;
    right: 2%;
    border: solid;
    border-radius: 4px;
    border-width: 2px;
    border-color: #000000;
    background-color: #FFFFFF;
}

UPDATE: (Since the problem is already SOLVED, I've removed the link to my website). Here's the CODE。

的风格

Answer 1

你会注意到你的小提琴问题没有复制。

这是因为样式被添加到您网站上的错误位置而不是小提琴中。您的样式/样式部分需要位于标题中，而不是底部的所有脚本。

Answer 2

我认为你的问题是你的html代码在你的css代码之前，所以网站首先加载你的html代码，然后再将样式应用到它。所以为了解决它，只需切换html和css的位置。

<a> link takes time to apply (firstly it shows without style)

2 个答案: