【求助】无效css指令
各位鱼油，我的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><atitle="Roman Holiday">罗马假日</a></li>
<li><atitle="Old Boy">老男孩</a></li>
<li><atitle="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: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设置无效：
https://xxx.ilovefishc.com/forum/201808/24/100300wdslwa960568l0aw.png
如果看懂上面说的，就是：visited只支持如下属性：
color、background-color、border-color、border-{bottom,left,right,top}-color、outline-color、column-rule-color
如果鱼油真的必须实现这个，请使用一些Javascript来明确设置访问过的标签的大小。
页:
[1]