【发布时间】：2014-05-25 23:15:27
【问题描述】：
您好，在我添加以下代码之前，我对 nth-child 有一个问题，它可以完美运行：** inside div id "programet"
谁能帮帮我？
**<a href="http://www.turkishairlines.com" target="_blank"><img style="width:400px;margin-top:12px;border:5px solid #fff;" src="http://www.oranews.tv/banner/punesim2.gif" /></a>**
<div id="programet" class="shadow">
<?php
global $post;
$args = array( 'numberposts' => 24, 'order' => 'ASC', 'category' => 9 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post); ?>
<div id="lajme-bllok-item-vogel">
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('lajmet-thumb'); ?></a>
<div id="lajme-bllok-item-title-vogel"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<div id="top-news-title-linku-posht"><?php for( $i=1; $i<=4; $i++){ $prop_det_url = get_field('link'.$i); if( $prop_det_url != '' ){ ?>
<li><a href="<?php echo $prop_det_url; ?>" target="_blank"><?php the_field('link_titull'.$i); ?></a></li> <?php } } ?></div></div></div>
<div id="social-media-vogel"><?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { ADDTOANY_SHARE_SAVE_KIT(); } ?></div>
<?php endforeach; ?>
</div>
CSS
#lajme-bllok-item-vogel:nth-child(8n+1){width:auto;height:auto;float:left;margin:0 0 0 0;padding:25px 10px;border-bottom:1px solid #ddd;}
#lajme-bllok-item-vogel:nth-child(8n+1) img{height:219px;width:390px;border-top:2px solid #F00;}
#lajme-bllok-item-vogel:nth-child(8n+1) #lajme-bllok-item-title-vogel{width:368px;height:auto;margin:-14px 1px 0 0;padding:11px;box-shadow:0 0 10px rgba(0, 0, 0, 0.5);font:21px/23px 'lato-bold',Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:21px;font-weight:bold;}
【问题讨论】：
-
您正在更改 div 中子项的数量，方法是在您的 CSS 中添加该行代码尝试 8n+2 以查看是否可以解决问题 - 如果可以，则找到更持久的解决方案！跨度>
-
ID 应该是唯一的。改用类。
标签： php html css wordpress css-selectors