Изменить цвета моей ссылки с CSS в asp.net

Question

Мне нужна помощь в изменении цвета ссылок. В настоящее время это мой код для asp. net.

<div class="tile">
        <div class="first">
            <b>Links</b>
            <div class="links">
                <asp:HyperLink ID="hyperlink1" NavigateUrl="#ss" Text="Phone List" CssClass="linkbutton" runat="server" />
                <br />
                <asp:HyperLink ID="hyperlink2" NavigateUrl="#ff" Text="FAQ" CssClass="linkbutton" runat="server" />
                <br />
                <asp:HyperLink ID="PMOLink" NavigateUrl="/PMO/PMO.aspx" Text="PMO" CssClass="linkbutton" runat="server" />
                <br />
                <asp:HyperLink ID="PMLink" NavigateUrl="/PM/PM.aspx" Text="PM" CssClass="linkbutton" runat="server" />
            </div>
        </div>
        <br />
    </div>

Вот мой CSS код.

.first {
    float: left;
    height: 100%;
    width: 10%;
    text-align: left;
}

.links {
    display: block;
    text-align: left;
    height: 109px;
    width: 251px;
}

.tile {
    border-style: solid;
    padding: 14px;
    border-width: 3px;
    color: black;
    display: inline-block;
    height: 130px;
    list-style-type: none;
    margin: 10px 40px 10px 20px;
    position: relative;
    text-align: left;
    width: 270px;
    border-radius: 25px;
    box-shadow: 10px 10px 5px #888888;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF));
    background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%);
    vertical-align: top;
    text-align: center;
}

/* Change the Links colors here!*/
linkbutton:link {
    text-decoration: none;
    color: blue;
}

linkbutton:visited {
    text-decoration: none;
    color: blue;
}

linkbutton:hover {
    text-decoration: underline;
    color: blue;
}

linkbutton:active {
    text-decoration: underline;
    color: blue;

Мой Результат должен быть при наведении курсора на Ссылки, go на указанные ссылки и просто ссылки вообще, они должны оставаться одного цвета и никогда не изменяться. Мне также сказали, что проще использовать CSS, чем C#. Можно мне помочь с этим, пожалуйста!

Answer 1

В вашем CSS вам нужно добавить точку перед классом кнопки ссылки:

.linkbutton:link {
    text-decoration: none;
    color: blue;
}

.linkbutton:visited {
    text-decoration: none;
    color: blue;
}

.linkbutton:hover {
    text-decoration: underline;
    color: blue;
}

.linkbutton:active {
    text-decoration: underline;
    color: blue;