收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2105|回复: 7

[求助] last这个结尾有其他方法去掉吗?

[复制链接]
发表于 2013-2-7 19:07:28 | 显示全部楼层 |阅读模式
本帖最后由 ooke 于 2013-2-7 19:11 编辑

例如我4个产品一行,我把第四个产品的last这个去掉,第四个产品就自动换号第二行了。。。

  1. <li class="product ">
  2. <a href="#">
  3. <img width="225" height="300" src="1.jpg" class="attachment-shop_catalog wp-post-image" alt="1">
  4. <h3>1</h3>
  5. </a>
  6. </li>

  7. <li class="product ">
  8. <a href="#">
  9. <img width="225" height="300" src="2.jpg" class="attachment-shop_catalog wp-post-image" alt="1">
  10. <h3>1</h3>
  11. </a>
  12. </li>

  13. <li class="product ">
  14. <a href="#">
  15. <img width="225" height="300" src="3.jpg" class="attachment-shop_catalog wp-post-image" alt="1">
  16. <h3>1</h3>
  17. </a>
  18. </li>

  19. <li class="product last">
  20. <a href="#">
  21. <img width="225" height="300" src="4.jpg" class="attachment-shop_catalog wp-post-image" alt="1">
  22. <h3>1</h3>
  23. </a>
  24. </li>
复制代码



CSS我用压缩包上传了。。。请求帮忙解决下。。。谢谢

http://bbs.blueidea.com/forum.php?mod=attachment&aid=MjAwMTU2fDIzMzhiNjA0ODdmOWZiOTAxODdmNzg2ZTVjZjJjZDM4fDE2MDY3MTE4MzU%3D&request=yes&_f=.rar
我晕,附件传了。显示不出来。。。。
 楼主| 发表于 2013-2-7 19:16:01 | 显示全部楼层
再把CSS传一传,应该是这部分。
  1. ul.products li.product a img, div.product div.images img, #content div.product div.images img {
  2.     width: 100%;
  3.     height: auto;
  4.     display: block;
  5.     margin: 0 0 10px;
  6.     box-shadow: none;
  7.     -webkit-box-shadow: none;
  8.     -moz-box-shadow: none;
  9. }
  10. ul.products li.product a:hover  img {
  11.     box-shadow: none;
  12.     -webkit-box-shadow: none;
  13.     -moz-box-shadow: none;
  14. }
  15. a.button, button.button, input.button, #respond input#submit, #content input.button {
  16.     width: auto;
  17.     background: #57BAE8;
  18.     border: none;
  19.     text-shadow: none;
  20.     -webkit-box-shadow: none;
  21.     -moz-box-shadow: none;
  22.     box-shadow: none;
  23.     border-radius: 0;
  24.     color: white;
  25.     cursor: pointer;
  26.     display: inline-block;
  27.     font-family: inherit;
  28.     line-height: 1;
  29.     position: relative;
  30.     text-align: center;
  31.     text-decoration: none;
  32.     -webkit-transition: background-color 0.15s ease-in-out;
  33.     -moz-transition: background-color 0.15s ease-in-out;
  34.     -o-transition: background-color 0.15s ease-in-out;
  35.     transition: background-color 0.15s ease-in-out;
  36.     font-size: 14px;
  37.     font-weight: 400;
  38.     line-height: 1;
  39.     margin: 0;
  40.     outline: none;
  41.     padding: 10px 15px;
  42. }
  43. a.button:hover, button.button:hover, input.button:hover, #respond input#submit:hover, #content input.button:hover {
  44.     border: none;
  45.     background: #50A9D2;
  46.     color: white;
  47. }



  48. div.product .woocommerce_tabs ul.tabs, #content div.product .woocommerce_tabs ul.tabs {
  49.     list-style: none;
  50.     list-style-image: none;
  51.     margin: 0 0 1.618em;
  52.     overflow: visible;
  53.     position: relative;
  54.     border-bottom: 0;
  55.     padding: 0;
  56. }

  57. div.product .woocommerce_tabs .panel, #content div.product .woocommerce_tabs .panel {
  58.     margin: 0 0 2em;
  59.     padding: 0;
  60.     background: none;
  61.     border: none;
  62. }

  63. div.product .woocommerce_tabs ul.tabs li.active, #content div.product .woocommerce_tabs ul.tabs li.active {
  64.     background: white;
  65.     z-index: 2;
  66.     border-bottom-color: white;
  67.     border-left: 1px solid #E6E6E6;
  68.     border-right: 1px solid #E6E6E6;
  69.     font-weight: bold;
  70.     border-top: 3px solid #57BAE8;
  71.     margin-top: 0;

  72. }

  73. div.product .woocommerce_tabs ul.tabs li, #content div.product .woocommerce_tabs ul.tabs li {
  74.     border: none;
  75.     display: inline-block;
  76.     position: relative;
  77.     z-index: 0;
  78.     padding: 0;
  79.     margin: 0;
  80.     -webkit-border-top-left-radius: 0;
  81.     -webkit-border-top-right-radius: 0;
  82.     -moz-border-radius-topleft: 0;
  83.     -moz-border-radius-topright: 0;
  84.     border-top-left-radius: 0;
  85.     border-top-right-radius: 0;
  86.     box-shadow: none;
  87.     color: #616161;
  88.     background: white;
  89.     height: 40px;
  90.     line-height: 40px;

  91. }
  92. div.product .woocommerce_tabs ul.tabs li a, #content div.product .woocommerce_tabs ul.tabs li a {
  93.     color: #949494;
  94.     display: block;
  95.     font-size: 14px;
  96.     height: 40px;
  97.     line-height: 40px;
  98.     padding: 0px 23.8px;
  99.     font-weight: normal;
  100. }


  101. div.product .woocommerce_tabs ul.tabs li.active a, #content div.product .woocommerce_tabs ul.tabs li.active a {
  102.     cursor: default;
  103.     color: #616161;
  104.     background: white;
  105.     cursor: default;
  106.     border: none;
  107.     position: relative;
  108.     height: 37px;
  109.     line-height: 37px;
  110. }

  111. div.product .woocommerce_tabs ul.tabs li::before, div.product .woocommerce_tabs ul.tabs li::after, #content div.product .woocommerce_tabs ul.tabs li::before, #content div.product .woocommerce_tabs ul.tabs li::after {
  112.     display: none;
  113. }
  114. #reviews #comments ol.commentlist li img {
  115.     width: 60px;
  116.     top:5px
  117. }

  118. .quantity input.qty, #content .quantity input.qty {
  119.     height: 37px;
  120.     border-radius: 0;
  121.     background: #f0f3f4;
  122.     border: none;
  123.     border-right: 1px solid #fff;
  124.     color: #7a8487;
  125.     font-weight: 300;
  126. }
  127. .quantity .plus, .quantity .minus, #content .quantity .plus, #content .quantity .minus {
  128.     height: 18px;
  129.     background: #f0f3f4;
  130.     border: none;
  131.     border-bottom: 1px solid #fff;
  132.     text-shadow: none;
  133.     box-shadow: none;
  134.     background-image: url("../img/plus-minus.png");
  135.     text-indent: -999em;
  136. }
  137. .quantity .plus:hover, .quantity .minus:hover, #content .quantity .plus:hover, #content .quantity .minus:hover {
  138.     background: #f0f3f4;
  139.     background-image: url("../img/plus-minus.png");

  140. }
  141. .quantity .plus, #content .quantity .plus {
  142.     background-position: 0 0 ;
  143. }

  144. .quantity .minus, #content .quantity .minus, .quantity .minus:hover, #content .quantity .minus:hover {
  145.     background-position: 0 bottom ;
  146. }

  147. div.product form.cart .button, #content div.product form.cart .button, a.button.checkout {
  148.     background: #6cbe42;
  149. }
  150. #content div.product .single_add_to_cart_button {
  151.     padding: 11px 25px;
  152. }

  153. div.product form.cart .button:hover, #content div.product form.cart .button:hover, a.button.checkout:hover {
  154.     background: #5ca238;
  155. }

  156. div.product div.images div.thumbnails, #content div.product div.images div.thumbnails {
  157.     margin-left: 0;
  158. }

  159. div.product span.price ins, div.product p.price ins, #content div.product span.price ins, #content div.product p.price ins {
  160.     background: inherit;
  161.     text-decoration: none;
  162.     font-size: 30px;
  163.     font-family: "Segoe UI Light", "Source Sans Pro", "Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial", sans-serif;
  164. }
  165. div.product span.price del, div.product p.price del, #content div.product span.price del, #content div.product p.price del {
  166.     font-size: 25px;
  167.     color: #a3a3a3;
  168.     font-family: "Segoe UI Light", "Source Sans Pro", "Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial", sans-serif;
  169. }
  170. h1.product_title {
  171.     font-size: 35px;
  172.     line-height: 30px;
  173.     color: #4d4d4d;
  174. }
  175. #content .summary , #content .summary  p {
  176.     line-height: 30px;
  177. }

  178. a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt, #content input.button.alt {
  179.     background: #46B2E5;
  180.     text-shadow: none;
  181. }
  182. a.button.alt:hover, button.button.alt:hover, input.button.alt:hover, #respond input#submit.alt:hover, #content input.button.alt:hover {
  183.     background: #50A9D2;
  184.     text-shadow: none;

  185. }


  186. span.onsale {
  187.     min-height: 60px;
  188.     min-width: 60px;
  189.     font-size: 16px;
  190.     font-weight: 300;
  191.     position: absolute;
  192.     text-align: center;
  193.     line-height: 59px;
  194.     top: 6px;
  195.     left: 6px;
  196.     margin: 0;
  197.     padding: 0;
  198.     -webkit-border-radius: 100em;
  199.     -moz-border-radius: 100em;
  200.     border-radius: 100em;
  201.     background: #ffaa31;
  202.     text-shadow: none;
  203.     color: white;
  204.     -webkit-box-shadow: none;
  205.     -moz-box-shadow: none;
  206.     box-shadow: none;
  207. }

  208. #review_form label {
  209.     display: inline;
  210. }
  211. .star-rating, .star-rating span, p.stars span, p.stars span a.active, p.stars span a:hover{
  212.     background-image: url("../img/stars.png");
  213. }

  214. ul.cart_list li a, ul.product_list_widget li a {
  215.     font-weight: normal;
  216. }

  217. input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  218.     height: 37px;
  219.     border-radius: 0;
  220.     background: #F0F3F4;
  221.     border: none;
  222.     border-right: 1px solid white;
  223.     color: #7A8487;
  224.     font-weight: 300;
  225.     -webkit-box-shadow: none;
  226.     -moz-box-shadow: none;
  227.     box-shadow: none;
  228.     display: block;
  229.     padding: 6px 15px;
  230.     width: 100%;
  231.     -webkit-transition: all 0.15s linear;
  232.     -moz-transition: all 0.15s linear;
  233.     -o-transition: all 0.15s linear;
  234.     transition: all 0.15s linear;
  235. }
  236. #wp-submit {
  237.     width: auto;
  238.     background: #57BAE8;
  239.     border: none;
  240.     text-shadow: none;
  241.     -webkit-box-shadow: none;
  242.     -moz-box-shadow: none;
  243.     box-shadow: none;
  244.     border-radius: 0;
  245.     color: white;
  246.     cursor: pointer;
  247.     display: inline-block;
  248.     font-family: inherit;
  249.     line-height: 1;
  250.     position: relative;
  251.     text-align: center;
  252.     text-decoration: none;
  253.     -webkit-transition: background-color 0.15s ease-in-out;
  254.     -moz-transition: background-color 0.15s ease-in-out;
  255.     -o-transition: background-color 0.15s ease-in-out;
  256.     transition: background-color 0.15s ease-in-out;
  257.     font-size: 14px;
  258.     font-weight: 300;
  259.     line-height: 1;
  260.     margin: 0;
  261.     outline: none;
  262.     padding: 8px 20px;
  263.     margin-right: 20px;
  264. }


  265. ul.products li.product {
  266.     text-align: center;
  267. }
  268. ul.products li.product h3 {
  269.     font-size: 1.1em;
  270. }

  271. ins {
  272.     text-decoration: none;
  273. }
  274. .related ul.products li.product, .related ul li.product, .upsells.products ul.products li.product, .upsells.products ul li.product {
  275.     width: auto;
  276. }
  277. .widget_shopping_cart .total strong {
  278.     font-weight: 300;
  279. }
  280. .amount {
  281.     font-family: "Segoe UI", Frutiger, "Frutiger Linotype" , "dejavu sans", "helvetica neue", arial, sans-serif;
  282. }
  283. .widget .amount {
  284.     font-family: "Segoe UI", Frutiger, "Frutiger Linotype" , "dejavu sans", "helvetica neue", arial, sans-serif;
  285. }

  286. .cart-collaterals .cart_totals table {
  287.     float: right;
  288.     border-radius: 0;
  289. }
  290. table.cart td.actions .coupon .input-text, #content table.cart td.actions .coupon .input-text {
  291.     padding: 9px 6px 9px;
  292.     box-shadow: none;
  293. }
  294. #payment label {
  295.     display: inline;
  296. }
  297. #payment .input-radio {
  298.     position: relative;
  299.     top: 3px;
  300. }

  301. ul.products li.product .del .price {
  302.     font-size: 16px;
  303. }
  304. ul.products li.product .price .amount {
  305.     font-size: 18px;
  306. }
  307. .widget_price_filter .ui-slider .ui-slider-range {
  308.     position: absolute;
  309.     z-index: 1;
  310.     display: block;
  311.     border: 0;
  312.     top: 0;
  313.     height: 7px;
  314.     box-shadow: none;
  315.     -webkit-box-shadow: none;
  316.     -moz-box-shadow: none;
  317.     -webkit-border-radius: 0;
  318.     -moz-border-radius: 0;
  319.     border-radius:0;
  320. }

  321. .widget_price_filter .ui-slider .ui-slider-handle {
  322.     position: absolute;
  323.     z-index: 2;
  324.     height: 7px;
  325.     -webkit-border-radius: 0;
  326.     -moz-border-radius: 0;
  327.     border-radius: 0;
  328.     border: none;
  329.     cursor: pointer;
  330.     background: #137AEC;
  331.     outline: none;
  332.     top: 0;
  333.     -webkit-box-shadow: none;
  334.     -moz-box-shadow: none;
  335.     box-shadow: none;
  336. }

  337. .widget_price_filter .price_slider_wrapper .ui-widget-content {
  338.     background:#f0f3f4;
  339.     border-radius: 0;
  340. }
复制代码
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-2-7 19:17:39 | 显示全部楼层
我意思是想4个产品的代码一样。。现在是前面3个一样,第4个多个last。。。。
回复 支持 反对

使用道具 举报

发表于 2013-2-7 19:27:54 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-2-7 19:34:21 | 显示全部楼层
155120 发表于 2013-2-7 19:27
这样应该要设置父元素(容器)为固定长度,也设置固定长度并用float浮动,这样就会自动换行了

在CSS里面加个?
float: right;
width: 150px;
回复 支持 反对

使用道具 举报

发表于 2013-2-7 20:06:54 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-2-7 20:51:54 | 显示全部楼层
不行啊。还是这样。。。
回复 支持 反对

使用道具 举报

发表于 2013-2-8 17:01:40 | 显示全部楼层
ooke 发表于 2013-2-7 19:16
再把CSS传一传,应该是这部分。

厉害!~这么长的代码
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-11-30 12:50 , Processed in 0.434453 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表