<li> 样式使用弹性滑块覆盖 CSS

Question

我正在使用我的存储库网站中whoothemes的flexslider来显示磁贴。

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

我可以用！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;
}