[已解决]【求助】无效css指令

0xGG · 发表于 2018-8-30 18:24:02

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

各位鱼油，我的css文件有一些不可用（在注释中标明了），希望各位大佬可以给一些建议
以下是css文件

*{font-family:Cambria, "Hoefler Text";}
body{background-color:#2A2A2A; color:#FFFFFF}
ul,ol{font-style:italic;}
h2{font-weight:100;color:#A0A0A0;}                                        /*weight无效*/
h3{color:#808080;}
a:hover   {color:#F0FFFF;background-color:#606666;text-decoration:none}        /*color无效*/
a:active  {color:#A0A0A0;text-decoration:underline}                        /*underline无效*/
a:link{color:#F5F5DC;}

以下是html5文件

<!doctype html>
<html>

<head>
        <title>aboutme</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="my_style.css"/>
</head>

<body>
<h2>About KK</h2>
<p>My name is <strong>KK</strong>, a college student in <strong>打码</strong></p>
        
        <p>
                <h3>List of the classes I am taking</h3>
                <ul>
                        <li>Web开发基础</li>
                        <li>程序设计方法与实践</li>                        
                        <li>数值分析</li>
                        <li>马克思主义基本原理</li>
                        <li>大学物理</li>
                        <li>离散数学</li>
                </ul>
                <br>
        </p>
        
        <p>
                <h3>Top3 of my favorite movie</h3>
                <ol>
                        <li><a  title="Roman Holiday">罗马假日</a></li>
                        <li><a  title="Old Boy">老男孩</a></li>
                        <li><a  title="Dying to Survive">我不是药神</a></li>
                </ol>
                <br>
        </p>
        
        <p>
                <h3>My Moods</h3>
                happy<img src="happy.jpg" alt="happy" width="178" height="100">
                sad<img src="sad.jpg" alt="sad  " width="178" height="100">
                <br>
        </p>
        
        <p>
        <h3>A friend I want to Introduce</h3>
        <a href="About_Me_Page.html">打码</a>   a optimistic,hardworking and easygoing boy
        </p>
</body>
</html>

最佳答案

月排行榜 / 总排行榜

不二如是

2018-8-31 13:07:02

本帖最后由不二如是于 2018-8-31 13:11 编辑

1、h2标题加粗设置成功了，并没有像鱼油说的“无效”哈：

2、a标签中伪类标签是要有固定顺序的哈，link--visited--hover-active顺序不能颠倒。
详情参看：CSS选择器优先级

3、修改如下：

a:link{color:#F5F5DC;}
    a:hover   {color:#F0FFFF;background-color:#606666;text-decoration:none}        /*color无效*/
    a:active  {color:#A0A0A0;text-decoration:underline}                        /*underline无效*/

修改：

4、关于active设置无效：

登录/注册后可看大图

如果看懂上面说的，就是：visited只支持如下属性：

color、background-color、border-color、border-{bottom,left,right,top}-color、outline-color、column-rule-color

如果鱼油真的必须实现这个，请使用一些Javascript来明确设置访问过的标签的大小。

跳转到最佳答案楼层

不二如是 · 发表于 2018-8-31 13:07:02