{"id":1026,"date":"2009-09-04T13:06:12","date_gmt":"2009-09-04T05:06:12","guid":{"rendered":"http:\/\/www.ddcat.net\/blog\/?p=1026"},"modified":"2009-09-04T13:06:12","modified_gmt":"2009-09-04T05:06:12","slug":"css3%e6%96%b0%e5%a2%9e%e9%80%89%e6%8b%a9%e5%99%a82%ef%bc%9a%e7%bb%93%e6%9e%84%e4%bc%aa%e7%b1%bb2","status":"publish","type":"post","link":"http:\/\/www.ddcat.net\/blog\/index.php\/2009\/09\/04\/css3%e6%96%b0%e5%a2%9e%e9%80%89%e6%8b%a9%e5%99%a82%ef%bc%9a%e7%bb%93%e6%9e%84%e4%bc%aa%e7%b1%bb2\/","title":{"rendered":"CSS3\u65b0\u589e\u9009\u62e9\u5668[2]\uff1a\u7ed3\u6784\u4f2a\u7c7b(2)"},"content":{"rendered":"<h4>3. E:nth-last-child(n)<\/h4>\n<p>\u5339\u914d\u6240\u6709\u5728\u5176\u7236\u5143\u7d20\u4e2d\u6392\u5012\u6570\u7b2c n \u4e2a<strong>\u4e14\u7c7b\u578b\u4e3a E <\/strong>\u7684\u5143\u7d20\u3002<br \/>\n\u8fd9\u4e2a\u4f2a\u7c7b\u4e0e:nth-child(n)\u7c7b\u4f3c\uff0c\u53ea\u662f\u4ee5\u6700\u540e\u4e00\u4e2a\u5b50\u5143\u7d20\u4e3a\u8d77\u70b9\u8ba1\u7b97\u3002<br \/>\n<!--more--><\/p>\n<div class=\"note\">\u63d0\u793a\uff1a\u4ee5\u4e0b\u793a\u4f8b\uff0c\u8bf7\u4f7f\u7528Google Chrome\u3001Firefox 3.5+\u3001Safari 3.1+\u6216\u8005Opera 9.63+\u67e5\u770b\u3002<\/div>\n<p>\u4f8b\u5982\uff1a(<a title=\"\u70b9\u51fb\u67e5\u770b\u793a\u4f8b\u6587\u4ef6\" href=\"\/web\/css\/selectors\/selector-nth-last-child.html\">\u67e5\u770b\u793a\u4f8b\u6587\u4ef6<\/a>)<\/p>\n<div class=\"code\">\n<pre class=\"css\">#sample6 li:nth-last-child(2) {  \/* #sample6\u5b50\u5143\u7d20\u5185\u7684\u5012\u6570\u7b2c2\u4e2ali *\/\nbackground:#FF9;\n}\n<\/pre>\n<pre class=\"html\">&lt;ol id=\"sample6\"&gt;\n  &lt;li&gt;\u5012\u6570\u7b2c4\u4e2ali&lt;\/li&gt;\n  &lt;li&gt;\u5012\u6570\u7b2c3\u4e2ali&lt;\/li&gt;\n  &lt;li&gt;\u5012\u6570\u7b2c2\u4e2ali&lt;\/li&gt;\n  &lt;li&gt;\u5012\u6570\u7b2c1\u4e2ali&lt;\/li&gt;\n  &lt;\/ol&gt;\n<\/pre>\n<\/div>\n<div style=\"width: 363px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"\u5339\u914d\u5012\u6570\u7b2c2\u4e2ali\" src=\"\/web\/css\/selectors\/046.GIF\" alt=\"\u5339\u914d\u5012\u6570\u7b2c2\u4e2ali\" width=\"353\" height=\"269\" \/><p class=\"wp-caption-text\">\u5339\u914d\u5012\u6570\u7b2c2\u4e2ali<\/p><\/div>\n<p>\u6b64\u5904\u9700\u6ce8\u610f\uff0c\u5012\u6570\u7b2cn\u4e2a\u5143\u7d20\uff0c\u53ef\u80fd\u7c7b\u578b\u4e0d\u662fE\uff0c\u90a3\u4e48\u5c06\u4e0d\u5339\u914d\u3002<br \/>\n\u4f8b\u5982\uff1a(<a title=\"\u70b9\u51fb\u67e5\u770b\u793a\u4f8b\u6587\u4ef6\" href=\"\/web\/css\/selectors\/selector-nth-last-child.html\">\u67e5\u770b\u793a\u4f8b\u6587\u4ef6<\/a>)<\/p>\n<div class=\"code\">\n<pre class=\"css\">#sample7 p:nth-last-child(2) { \/* #sample7\u5b50\u5143\u7d20\u5185\u7684\u5012\u6570\u7b2c2\u4e2a\u5143\u7d20\uff0c\u4e14\u7c7b\u578b\u4e3ap *\/\nbackground:#FF9;\n}\n#sample8 p:nth-last-child(2) { \/* #sample8\u5b50\u5143\u7d20\u5185\u7684\u5012\u6570\u7b2c2\u4e2a\u5143\u7d20\uff0c\u4e14\u7c7b\u578b\u4e3ap *\/\nbackground:#FF9;\n}\n<\/pre>\n<pre class=\"html\">&lt;h4&gt;\u5012\u6570\u7b2c2\u4e2a\u5143\u7d20\u662fp&lt;\/h4&gt;\n&lt;div id=\"sample7\"&gt;\n  &lt;p&gt;p 1&lt;\/p&gt;\n  &lt;div&gt;div 1&lt;\/div&gt;\n  &lt;p&gt;p 2&lt;\/p&gt;\n  &lt;div&gt;div 2&lt;\/div&gt;\n  &lt;p&gt;p 3&lt;\/p&gt;\n  &lt;div&gt;div 3&lt;\/div&gt; \n&lt;\/div&gt;\n&lt;h4&gt;\u5012\u6570\u7b2c2\u4e2a\u5143\u7d20\u662fdiv&lt;\/h4&gt;\n&lt;div id=\"sample8\"&gt;\n  &lt;p&gt;p 1&lt;\/p&gt;\n  &lt;div&gt;div 1&lt;\/div&gt;\n  &lt;p&gt;p 2&lt;\/p&gt;\n  &lt;div&gt;div 2&lt;\/div&gt;\n  &lt;p&gt;p 3&lt;\/p&gt;\n  &lt;div&gt;div 3&lt;\/div&gt; \n  &lt;div&gt;div 4&lt;\/div&gt; \n&lt;\/div&gt;\n<\/pre>\n<\/div>\n<div style=\"width: 363px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"\u5339\u914d\u5012\u6570\u7b2c2\u4e2a\u5143\u7d20\uff0c\u4e14\u7c7b\u578b\u4e3ap\" src=\"\/web\/css\/selectors\/047.GIF\" alt=\"\u5339\u914d\u5012\u6570\u7b2c2\u4e2a\u5143\u7d20\uff0c\u4e14\u7c7b\u578b\u4e3ap\" width=\"353\" height=\"326\" \/><p class=\"wp-caption-text\">\u5339\u914d\u5012\u6570\u7b2c2\u4e2a\u5143\u7d20\uff0c\u4e14\u7c7b\u578b\u4e3ap<\/p><\/div>\n<p>&nbsp;<\/p>\n<div style=\"width: 363px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"\u7c7b\u578b\u4e0d\u662fp\u5219\u4e0d\u5339\u914d\" src=\"\/web\/css\/selectors\/048.GIF\" alt=\"\u7c7b\u578b\u4e0d\u662fp\u5219\u4e0d\u5339\u914d\" width=\"353\" height=\"335\" \/><p class=\"wp-caption-text\">\u7c7b\u578b\u4e0d\u662fp\u5219\u4e0d\u5339\u914d<\/p><\/div>\n<p>#sample7\u6240\u6709\u5b50\u5143\u7d20\u4e2d\uff0c\u5012\u6570\u7b2c2\u4e2a\u662fp3\uff0c\u56e0\u6b64\u5339\u914d\uff0c\u800c#sample8\u6240\u6709\u5b50\u5143\u7d20\u4e2d\uff0c\u5012\u662f\u7b2c2\u7684\u662fdiv3\uff0c\u56e0\u6b64\u4e0d\u5339\u914d\u3002<\/p>\n<h4>4. E:nth-of-type(n)<\/h4>\n<p>\u5339\u914d\u6240\u6709 E \u7c7b\u578b\u7684\u5b50\u5143\u7d20\u4e2d\u7684\u7b2c n \u4e2a\uff0c\u6240\u6709 E \u7c7b\u578b\u7684\u5b50\u5143\u7d20\u88ab\u5206\u79bb\u51fa\u6765\u6392\u5e8f\u3002<br \/>\n\u4f8b\u5982\uff1a(<a title=\"\u70b9\u51fb\u67e5\u770b\u793a\u4f8b\u6587\u4ef6\" href=\"\/web\/css\/selectors\/selector-nth-of-type.html\">\u67e5\u770b\u793a\u4f8b\u6587\u4ef6<\/a>)<\/p>\n<div class=\"code\">\n<pre class=\"css\">#sample9 p:nth-of-type(2) { \/* #sample9\u5b50\u5143\u7d20\u5185\u7c7b\u578b\u4e3ap \u7684\u7b2c2\u4e2a\u5143\u7d20*\/\nbackground:#FF9;\n}\n<\/pre>\n<pre class=\"html\">&lt;div id=\"sample9\"&gt;\n  &lt;p&gt;p 1&lt;\/p&gt;\n  &lt;div&gt;div 1&lt;\/div&gt;\n  &lt;p&gt;p 2&lt;\/p&gt;\n  &lt;div&gt;div 2&lt;\/div&gt;\n  &lt;p&gt;p 3&lt;\/p&gt;\n  &lt;p&gt;p 4&lt;\/p&gt; \n&lt;\/div&gt;\n<\/pre>\n<\/div>\n<div style=\"width: 522px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"\u6240\u6709p\u5355\u72ec\u6392\u5e8f\" src=\"\/web\/css\/selectors\/049.GIF\" alt=\"\u6240\u6709p\u5355\u72ec\u6392\u5e8f\" width=\"512\" height=\"294\" \/><p class=\"wp-caption-text\">\u6240\u6709p\u5355\u72ec\u6392\u5e8f<\/p><\/div>\n<h4>5. E:nth-last-of-type(n)<\/h4>\n<p>\u5339\u914d\u6240\u6709 E\u7c7b\u578b\u7684\u5b50\u5143\u7d20\u4e2d\u7684\u5012\u6570\u7b2cn\u4e2a\uff0c\u6240\u6709E\u7c7b\u578b\u7684\u5b50\u5143\u7d20\u88ab\u5206\u79bb\u51fa\u6765\u6392\u5e8f\u3002<\/p>\n<ul>\n<li><a title=\"\u5355\u51fb\u67e5\u770b\u300aCSS 3\u9009\u65b0\u589e\u62e9\u5668[1]\uff1a\u66f4\u591a\u7684\u5c5e\u6027\u9009\u62e9\u5668\u300b\" href=\"http:\/\/www.ddcat.net\/blog\/?p=238\">CSS 3\u9009\u65b0\u589e\u62e9\u5668[1]\uff1a\u66f4\u591a\u7684\u5c5e\u6027\u9009\u62e9\u5668<\/a><\/li>\n<li><a title=\"\u5355\u51fb\u67e5\u770b\u300aCSS3\u65b0\u589e\u9009\u62e9\u5668[2]\uff1a\u7ed3\u6784\u4f2a\u7c7b(1)\u300b\" href=\"http:\/\/www.ddcat.net\/blog\/?p=240\">CSS3\u65b0\u589e\u9009\u62e9\u5668[2]\uff1a\u7ed3\u6784\u4f2a\u7c7b(1)<\/a><\/li>\n<li><a title=\"\u5355\u51fb\u67e5\u770b\u300aCSS3\u65b0\u589e\u9009\u62e9\u5668[2]\uff1a\u7ed3\u6784\u4f2a\u7c7b(2)\u300b\" href=\"http:\/\/www.ddcat.net\/blog\/?p=1026\">CSS3\u65b0\u589e\u9009\u62e9\u5668[2]\uff1a\u7ed3\u6784\u4f2a\u7c7b(2)<\/a><\/li>\n<li><a title=\"\u5355\u51fb\u67e5\u770b\u300aCSS3\u65b0\u589e\u9009\u62e9\u5668[2]\uff1a\u7ed3\u6784\u4f2a\u7c7b(3)\u300b\" href=\"http:\/\/www.ddcat.net\/blog\/?p=1038\">CSS3\u65b0\u589e\u9009\u62e9\u5668[2]\uff1a\u7ed3\u6784\u4f2a\u7c7b(3)<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u5339\u914d\u6240\u6709\u5728\u5176\u7236\u5143\u7d20\u4e2d\u6392\u5012\u6570\u7b2c n \u4e2a\u4e14\u7c7b\u578b\u4e3a E \u7684\u5143\u7d20\u3002\u8fd9\u4e2a\u4f2a\u7c7b\u4e0e:nth-child(n)\u7c7b\u4f3c\uff0c\u53ea\u662f\u4ee5\u6700\u540e\u4e00\u4e2a\u5b50\u5143\u7d20\u4e3a\u8d77\u70b9\u8ba1\u7b97\u3002<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,20],"tags":[345,45,66,286,344],"class_list":["post-1026","post","type-post","status-publish","format-standard","hentry","category-web","category-web-css","tag-345","tag-css3","tag-selector","tag-286","tag-344"],"_links":{"self":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=1026"}],"version-history":[{"count":0,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1026\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=1026"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=1026"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=1026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}