<li> 样式用 flexslider 覆盖 css

Question

我在我的响应式网站中使用 whoothemes 的 flexslider 来显示图块。

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

我可以用 !important 代码覆盖它，但这给苹果设备留下了问题。

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