更改字体真棒图标链接颜色后:访问

时间:2016-01-06 15:45:38

标签: html css hyperlink font-awesome visited

只是尝试更改一些FA图标a:从默认蓝色访问颜色。出于某种原因给我一点时间。我想要的是在访问后从蓝色更改链接颜色。以下是代码:

HTML:

    Process p;
    String command = "java -jar blah blah blah";
    try {
        System.out.println("Export Command To Execute: " + command);
        p = Runtime.getRuntime().exec(command);
        p.waitFor();
        //BufferedReader inputStream = new BufferedReader(new InputStreamReader(p.getInputStream()));
        BufferedReader errorStream = new BufferedReader(new InputStreamReader(p.getErrorStream()));
        String line = "";
        String output ="";
        while((line = errorStream.readLine()) != null) {
            output+=line;
        }

        //inputStream.close();
        errorStream.close();
        System.out.println(output);
        System.out.println("Export complete!...");

    } catch (IOException e) {
        e.printStackTrace();
    } catch (InterruptedException e) {
        e.printStackTrace();
    }

CSS:

<div class="pull-right" id="socialMediaIcons">
<a target="_blank" href="https://www.facebook.com/"><i class="fa fa-facebook-official fa-3x"></i></a>
</div>

#socialMediaIcons .fa a:link, #socialMediaIcons .fa a:visited { color: #ccc; } #socialMediaIcons .fa:hover, #socialMediaIcons .fa:focus { color: #ccc; border: none; } #socialMediaIcons .fa { padding-left: 10px; position: relative; bottom: 25px; } 部分外,一切似乎都有效。只想改变访问过的链接的颜色。

2 个答案:

答案 0 :(得分:4)

尝试:

#socialMediaIcons a:link .fa, #socialMediaIcons a:visited .fa  {
    color: #ccc;
}

您的.fa位于a内,因此必须位于选择器中的a:visited之后。

答案 1 :(得分:0)

首先,看起来好像你的目标超出了范围,a不是.fa的孩子,而是另一种方式。

尝试以下方法:

#socialMediaIcons a:visited > .fa  {
    color: #ccc;
}