{"id":444,"date":"2010-06-12T09:54:31","date_gmt":"2010-06-12T09:54:31","guid":{"rendered":""},"modified":"2010-06-12T09:54:31","modified_gmt":"2010-06-12T09:54:31","slug":"444","status":"publish","type":"post","link":"https:\/\/www.poloo.org\/?p=444","title":{"rendered":"CSS\u63a7\u5236\u9694\u884c\u6362\u8272\u6548\u679c"},"content":{"rendered":"

\u65b9\u6cd5\u4e00\u662f\u7528CSS\u63a7\u5236\u6bcf\u4e00\u884c\u7684LI\u5c5e\u6027\uff0c\u5982

<ul>
<li class=\"one\"><\/li>
<li class=\"two\"><\/li>
<li class=\"one\"><\/li>
<li class=\"two\"><\/li>
<\/ul>
<\/code>
\u7136\u540e\u5728CSS\u6587\u4ef6\u91cc\u5b9a\u4e49class\u5c5e\u6027\u5c31\u53ef\u4ee5\u4e86\u3002\u4f46\u662f\u5047\u5982\u8c03\u7528\u5728\u7a0b\u5e8f\u91cc\u5c31\u4e0d\u662f\u5f88\u5408\u9002\u3002\u6240\u4ee5\u8003\u8651\u53ef\u4ee5\u4f7f\u7528\u4ee5\u4e0b\u7684\u4ee3\u7801\u63a7\u5236\u3002

<style type=\"text\/css\">
UL.myul1 LI{background-color: e­xpression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8');
}
<\/style>
<ul class=\"myul1\">
<li id=\"li2\">111<\/li>
<li id=\"li2\">222<\/li>
<li id=\"li2\">333<\/li>
<li id=\"li2\">444<\/li>
<li id=\"li2\">555<\/li>
<li id=\"li2\">666<\/li>
<\/ul>
<\/code>
\u8fd8\u6709\u4e00\u79cd\u901a\u8fc7JS\u4ee3\u7801\u63a7\u5236

<style type=\"text\/css\">
<!--
.li01 { background:#FFF; }
.li02 { background:#000; }
li a{width:100%;display:block;}
li a:hover{background:red;}
-->
<\/style><\/p>\n

<div id=\"list01\"><ul>
<li class=\"title\"><a href=\"#\">title<\/a><\/li>
<li><a href=\"#\">111<\/a><\/li>
<li><a href=\"#\">222<\/a><\/li>
<li><a href=\"#\">333<\/a><\/li>
<li><a href=\"#\">444<\/a><\/li>
<li><a href=\"#\">555<\/a><\/li>
<li><a href=\"#\">666<\/a><\/li>
<\/ul><\/div><\/p>\n

<script Language=\"Javascript1.2\"><\/p>\n

objName=document.getElementById(\"list01\").getElementsByTagName(\"li\")<\/p>\n

for (i=0;i<objName.length;i++) {
(i%2==0)?(objName(i).className = \"li01\"):(objName(i).className = \"li02\");
}
<\/script>
<\/code>
\u6700\u4e0a\u9762\u7684\u4e00\u79cd\u9002\u5408\u56fa\u5b9a\u884c\u6570\u7684\u3002\u4e0b\u9762\u7684\u9002\u5408\u672a\u77e5\u884c\u6570\uff0c\u6bd4\u5982\u7a0b\u5e8f\u8c03\u7528\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

\u65b9\u6cd5\u4e00\u662f\u7528CSS\u63a7\u5236\u6bcf\u4e00\u884c\u7684LI\u5c5e\u6027\uff0c\u5982<ul> &lt...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-444","post","type-post","status-publish","format-standard","hentry","category-Dream"],"_links":{"self":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=444"}],"version-history":[{"count":0,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/444\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}