如何使用CSS选择进入另一个项目的项目？

Question

HTML中的

我有以下结构：

    <div class="row" id="info-section">
        <div class="col-sm-4">

            <div class="panel panel-default">
                <div class="panel panel-default">
                    <div class="panel-heading"><h4>Calendario Eventi</h4></div>
                    <div class="panel-body">
                        <?php
                            // 'My_Widgtet_Area' area, where the id is called:
                            if (is_active_sidebar('calendar_widget_zone')) : ?>

                                <div id="widget-sidebar">
                                    <ul>
                                        <?php dynamic_sidebar('calendar_widget_zone'); ?>
                                    </ul>
                                </div><!-- #widget-sidebar .widget-area -->

                            <?php endif; ?>
                    </div>
                </div>
            </div>

        </div>

现在，使用CSS我想要选择（更改值） .panel-heading 类进入 #info-section div

如何只选择嵌入＃info-section div的 .panel-heading 项？

TNX

安德烈

Answer 1

您可以使用嵌套或选择器：

#info-section .panel-heading {
  /* css */
}

或者你可以使用子选择器（这意味着它应该在容器内，而不是在他们的一个孩子里面）

#info-section > .panel-heading {
  /* css */
}

Answer 2

只需使用CSS选择器：

#info-section .panel-heading{
  //css stuff here
}

Answer 3

CSS

#info-section .panel-heading{
  //Your Style
}

Answer 4

沿着黄砖路行驶：）

CSS

#info-section .panel-heading { 
    /* CSS STYLES */
}