How to define a style for all the elements inside a parent element?

Question

I have some structure like this....

<div class="pull-right visible-xs col-xs-4 text-xs-center menu_bars">
                    <p style="margin: 10px;">
                        <i class="fa fa-bars fa-2x"></i>
                    </p>
                    <i class="fa fa-search"></i>
                </div>

I want to define style cursor:pointer for all the <i> under the class menu_bars.

How can i do this?

Answer 1

using css, you can use class selector. in the css file (or in css script):

.menu_bars{
  cursor: pointer;
}

<div class="pull-right visible-xs col-xs-4 text-xs-center menu_bars">
                    <p style="margin: 10px;">
                        <i class="fa fa-bars fa-2x">Text Here</i>
                    </p>
                    <i class="fa fa-search"></i>
                </div>

Answer 2

Use this

.menu_bars i {
cursor:pointer;
}

Answer 3

You can use this CSS code block:

.menu_bars i {
    cursor:pointer;
}

Answer 4

.menu_bars i {
  cursor: pointer;
}

Answer 5

try this:

.menu_bars i{
cursor:pointer;
}