用CSS如何让列表字体变粗？
以下是一个框架，有2个列表。如何实现点击A之后使字体变粗，再点B的时候A恢复原样，使B的字体变粗。最好实现方法简单一点，谢谢！<!DOCTYPEhtmlPUBLIC"-/...
以下是一个框架，有2个列表。
如何实现点击A之后使字体变粗，再点B的时候A恢复原样，使B的字体变粗。
最好实现方法简单一点，谢谢！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table width="200" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>我是A</td>
</tr>
<tr>
<td>我是B</td>
</tr>
</table>
</body>
</html> 展开
如何实现点击A之后使字体变粗，再点B的时候A恢复原样，使B的字体变粗。
最好实现方法简单一点，谢谢！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table width="200" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>我是A</td>
</tr>
<tr>
<td>我是B</td>
</tr>
</table>
</body>
</html> 展开
4个回答
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签中，输入js代码：
$('td').click(function () {
$('td').css('font-weight', 'normal');
$(this).css('font-weight', 'bold');
});
3、浏览器运行index.html页面，点击“我是A”，此时字体会变粗。
4、再点击“我是B”，此时“我是A”的字体粗度恢复正常，“我是B”的字体变粗。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐于2017-10-08 · 知道合伙人软件行家
yfcp
知道合伙人软件行家
采纳数：1748
获赞数：5543
有多年网站建设相关工作经验。熟悉ASP、ASP.net、VB、JavaScript、HTML等语言和CSS、Ajax等相关技术。
向TA提问 私信TA
关注
![]()
展开全部
css中字体加粗使用font-weight，其属性是设置文本的粗细。
font-weight的属性值有3种指定方法：
1、关键字法，关键字包括“normal”和“bold”两个。
比如：font-weight:bold;
2、相对粗细值法，相对粗细也是由关键字定义，但是它的粗细是相对于上级元素的继承值而言的，包括“bolder”和“lighter”两个。
3、数字法，包括从“100”到“900”的9个数字序列（注意，只能是100、200之类的整百数）。这些数字序列代表从最细（100）到最粗（900）的字体粗细程度。每一个数字定义的粗细都要比上一个等级稍微粗一些。比如：font-weight:700;
4、例子：以下代码实现点击不同文字，字体变粗的简单的特效：
<table><tr><td id="a" onclick="g(0);">点我变粗体A</td></tr>
<tr><td id="b" onclick="g(1);">点我变粗体B</td></tr>
</table>
<script>
function $(v){return document.getElementById(v);}
function g(x){
if (x==0){$("a").style.fontWeight="bold";$("b").style.fontWeight="normal";}else{$("b").style.fontWeight="bold";$("a").style.fontWeight="normal";}
}
</script>
font-weight的属性值有3种指定方法：
1、关键字法，关键字包括“normal”和“bold”两个。
比如：font-weight:bold;
2、相对粗细值法，相对粗细也是由关键字定义，但是它的粗细是相对于上级元素的继承值而言的，包括“bolder”和“lighter”两个。
3、数字法，包括从“100”到“900”的9个数字序列（注意，只能是100、200之类的整百数）。这些数字序列代表从最细（100）到最粗（900）的字体粗细程度。每一个数字定义的粗细都要比上一个等级稍微粗一些。比如：font-weight:700;
4、例子：以下代码实现点击不同文字，字体变粗的简单的特效：
<table><tr><td id="a" onclick="g(0);">点我变粗体A</td></tr>
<tr><td id="b" onclick="g(1);">点我变粗体B</td></tr>
</table>
<script>
function $(v){return document.getElementById(v);}
function g(x){
if (x==0){$("a").style.fontWeight="bold";$("b").style.fontWeight="normal";}else{$("b").style.fontWeight="bold";$("a").style.fontWeight="normal";}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个问题，如果单纯用CSS是不可能完成的，只能用JS完成（北京八方永信教育）
追问
JS也可以的，只要能解决就可以了
追答
那我用JQ简单给你写一个吧！
$(document).ready(function(){
$("tr:first").click(function(){
$("tr:first td").css("font-weight","bold");
$("tr:last td").css("font-weight","");
});
$("tr:last").click(function(){
$("tr:first td").css("font-weight","");
$("tr:last td").css("font-weight","bold");
});
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
