我试图使每个li使用不同的颜色nth-child();
这是我的CSS:
header ul a:nth-child(1) {
color: #8cf;
}
header ul a:nth-child(2) {
color: #f8c;
}
header ul a:nth-child(3) {
color: #8fc;
}
header ul a:nth-child(4) {
color: #b9b;
}
header ul a:nth-child(5) {
color: #c8c;
}
这是我的HTML:
<body>
<div id="main">
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="forums.html">Forums</a></li>
<li id="iamhere"><a href="instruction.html">Instruction</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
即使我在任何地方都没有紫色的参考,一切都是紫色的.
我必须使用JS。这是为了一个任务。
这是我的代码：
var bio = document.getElementById('bio');
var charsLeft = document.getElementById('charsLeft');
bio.onkeypress = function(evt) {
evt = evt || window.event;
var remaining;
var perm = bio.value;
remaining = 139 - bio.value.length;
charsLeft.innerHTML = remaining;
if (remaining == 0) {
bio.value = perm;
}
}
它不会阻止用户在 charsLeft 为 0 之后输入内容。
请不要将此标记为重复！
这是我能找到的唯一纯 JavaScript 方法