87,917
社区成员
发帖
与我相关
我的任务
分享js控制css问题，第一个li的css属性
<ul class="hot-query" id="Hot-query">
{foreach from=$searchkeywords item=val}
<li><a href="search.php?keywords={$val|escape:url}" target="_blank">{$val}</a></li>
{/foreach}
</ul>
我想用以下方法控制第一个li的css属性
http://wenda.so.com/q/1363034680067681
结果没奏效，
jquery的方法不行，javascipt的方法也不行，
在页头或页尾加入以下JS代码：
<script type="text/javascript">
$('ul li:eq(0)').css('color', '#ff6600');
document.getElementById("Hot-query").getElementsByTagName('li')[0].style.color = '#ff6600';
</script>
都没有奏效，请问这是为什么呢？
...全文
请发表友善的回复…
发表回复
笨猿 2016-08-05
- 打赏
- 举报
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>6</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
//jquery:
$(function(){
$("#Hot-query li:eq(0)").css("color","#096");
});
//js:
window.onload=function(){
document.getElementById("Hot-query").getElementsByTagName('li')[0].style.color = '#ff6600';
};
</script>
</head>
<body>
<ul id="Hot-query">
<li>1111</li>
<li>2222</li>
<li>3333</li>
</ul>
</body>
</html>
slwsss 2016-08-05
- 打赏
- 举报
改设置到a标签上
该教程，我们将讨论CSS3的一些新功能和新特性，并教你在不使用图片和JavaScript的情况下，如何制作酷炫的圆形导航菜单。该实例将用到CSS3的新特性： border-radius和animation。
Demo演示
第一步：编辑菜单的HTML代码
菜单包含三个列表项，分别取名为“Menu1”、“Menu2”、“Menu3”。
XML/HTML Code复制内容到剪贴板
css3Menus>
-
<li>Menu1li>
<li>Menu2li>
