css 中li.active js给循环中的li添加class="active"

\u600e\u6837\u624d\u80fd\u7528css\u63a7\u5236\u7b2c\u4e00\u4e2ali\u6807\u7b7e\u7684\u6837\u5f0f\uff0c\u548c\u5176\u4ed6li\u7684\u6837\u5f0f\u4e0d\u540c

css\u63a7\u5236\u7b2c\u4e00\u4e2ali\u6807\u7b7e\u7684\u6837\u5f0f\uff0c\u548c\u5176\u4ed6li\u7684\u6837\u5f0f\u4e0d\u540c\uff1a\u7ed9\u7b2c\u4e00\u4e2a\u6807\u7b7e\u6dfb\u52a0class\u6216\u8005id\uff0c\u7136\u540e\u7f16\u5199css\u4ee3\u7801\u3002
html\uff1a\u7ed9\u7b2c\u4e00\u4e2ali\u5143\u7d20\u6dfb\u52a0\u4e00\u4e2aclass\u7c7b\u540d\u4e3a\u201cmenu1\u201d\u3002
html\uff1a

\u65b0\u95fb\u4e00
\u65b0\u95fb\u4e8c
\u65b0\u95fb\u4e09
css\u4ee3\u7801\uff1ali{font-size\uff1a14px\uff1b} //4px\u5927\u5c0f\u7684\u5b57\u4f53.menu1{font-size:18px;font-weight\uff1abold\uff1b} //\u5b57\u4f53\u6837\u5f0f\uff1a\u7c97\u4f5318px\u5b57\u4f53

\u6548\u679c\uff1a

1\u3001\u9996\u5148\u5728html\u4e2d\u5e03\u5c40\u597d\u4e24\u4e2a\u6309\u94ae\u548c\u4e00\u4e2adiv\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002

2\u3001\u63a5\u7740\u7f16\u5199\u6dfb\u52a0class\u7684\u65b9\u6cd5\uff0c\u5982\u4e0b\u56fe\u6240\u793a\uff0c\u901a\u8fc7classList\u4e2d\u7684add\u3002

3\u3001\u8fd0\u884c\u9875\u9762\u4ee5\u540e\u770b\u5230\u5982\u4e0b\u56fe\u6240\u793a\u7684\u754c\u9762\u3002

4\u3001\u70b9\u51fb\u6dfb\u52a0class\u6309\u94ae\u5c31\u53ef\u4ee5\u770b\u5230div\u4e2d\u591a\u4e86\u6837\u5f0f\u3002

5\u3001\u63a5\u4e0b\u6765\u5728\u7f16\u5199\u79fb\u9664class\u6837\u5f0f\u5373\u53ef\u3002

如果点中间有个空格：li .active{color:red;}
意思是选择 li 的子元素类名为 active 的元素对其生效：<li><a class="active">Link</a></li>

如果点中间没有空格：li.active{color:red;}
是选择类名为 active 的 li 对其生效：
<li class="active">对我生效</li>
<li>对我无效</li>

li标签class名为active

扩展阅读：www.sony.com.cn ... 随身wifi接入号iccid ... www.ynwsjkrc.cn ... football 24livescores ... lives scores today ... livescores result ... flash score mobile ... sci免费入口 ... football result today ...