Target all descendants of an element

Asked Apr 09 '16 at 15:27

Active Apr 09 '16 at 15:28

Viewed 41 times

Say I have the following html:

<body>
    <div class="wrapper">
        <div class="form">
            <h1>headline</h1>
            <input name="input-name"/>
            <p>
                <h2>subheadline</h2>
                <div class="content">
                    some content
                </div>             
            </p>
        </div>
    </div>
</body>

And I want every element inside body to be inline (I know it doesn't make any sense, just for the example), so is there some elegant way to do that, rather then:

.wrapper,
form,
h1,
input[name='input-name'],
h2,
.content{
    display: inline;
}

edited Apr 09 '16 at 15:28

asked Apr 09 '16 at 15:27

Avishay28

2,288
4
25
47

2

Not sure why you'd want to set all to inline but you can use `body *` or `body > *` as you wish. – Harry Apr 09 '16 at 15:28
1

Just for the example.. – Avishay28 Apr 09 '16 at 15:28
1

Side note, h2 and div are not allowed to be inside p tag. – Stickers Apr 09 '16 at 15:42

Target all descendants of an element

0 Answers0