当我添加一个href时，第n个孩子不起作用答案

【问题标题】：nth-child dont work when i add a href当我添加一个href时，第n个孩子不起作用
【发布时间】：2014-04-12 01:36:03
【问题描述】：

在我添加以下代码之前，我对 nth-child 有一个问题，它可以完美运行：** 在 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;}
#lajme-bllok-item-vogel:nth-child(8n+1)) #lajme-bllok-item-title-vogel a:hover{color:#01628F;}

【问题讨论】：

你在css的最后一行多了一个)。

标签： php wordpress css-selectors

【解决方案1】：

我怀疑这与您的 HTML 中未闭合的标签有关。我在下面重新格式化了您的代码：

<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>

我没有看到 UL 或 OL 那些 LI 标签的标签。

【讨论】：

【解决方案2】：

我的 CSS 中的 8n+2 解决了这个问题。

【讨论】：