CSS Стиль ссылок в зависимости от их назначения


11:49, 21/03/2018
a[href^="http://"], a[href^="https://"] {
    /* внешняя ссылка */
}

a[href="http://google.com"] {
    /* ссылка на сайт */
}

a[href^="/"], a[href^=".."] {
    /* внутренняя ссылка */
}

a[href^="mailto:"] {
    /* ссылка на email */
}

a[href$=".pdf"] {
    /* ссылка на PDF файл */
}

a[href$=".doc"] {
    /* ссылка на документ формата .doc */
}

a[href$=".mp3"] {
    /* ссылка на файл в формате mp3 */
}

a[href$=".zip"] {
    /* ссылка на ZIP архив */
}


Комментарии