Question

我正在使用我在reposonsive网站上的whoothemes的flexslider来显示磁贴。

瓷砖必须在不同的设备上具有特定的宽度，此时它会向我显示以下代码：<li style="width: 216.6px; float: left; display: block;">当我使用chrome进行调查时。

我可以使用！important 代码覆盖它，但这让我遇到了关于Apple devives的问题。

<ul class="slides">
                        <?php
                            $args = array( 
                                'posts_per_page' => -1, 
                                'post_type'=> 'cinema', 
                                'orderby'=> 'title',
                                'order'=> 'ASC',
                                'include' => get_option( 'sticky_posts' )
                            );
                            $args2 = array( 
                                'posts_per_page' => -1, 
                                'post_type'=> 'cinema', 
                                'orderby'=> 'title',
                                'order'=> 'ASC',
                                'exclude' => get_option( 'sticky_posts' )
                            );
                            $mypost_1 = get_posts( $args );
                            $mypost_2 = get_posts( $args2 );
                            $myposts = array_merge($mypost_1 , $mypost_2);

                            $start = '<li><ul>';
                            $end = '</ul></li>';
                            foreach ( $myposts as $key=>$post ) : setup_postdata( $post );
                                if( $key != 0 && $key % 3 == 0 ) echo $end;
                                if( $key == 0 || $key % 3 == 0 ) echo $start;
                        ?>
            <li>
                                <a href="<?php echo get_post_meta($post->ID,'link',true) ?>">
                                    <img alt="" src="<?php echo wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>" />
                                </a>
                            </li>   
                         <?php
                            endforeach; wp_reset_postdata();
                            if( $key == 0 || $key % 3 == 0 ) echo $end;
                         ?>
                    </ul>

我尝试了以下事项： - 在上面的代码中将类添加到li - 使用jquery从样式中删除宽度（有效，但不是时间）

如何覆盖样式元素宽度？我是初学者，所以如果您需要更多信息，请告诉我。

Answer 1

您可以通过指定最大宽度来覆盖CSS中<li>的宽度。

基于您提供的链接的示例：

.flexslider .slides > li {
    max-width: 100px;
}

<li>样式使用flexslider覆盖css </li>

1 个答案: