Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

CSS Dictionary

Home
CSS Dictionary
[CSS Selector] E F

[CSS Selector] E F

Separating selectors with a space applies styles to descendant elements of the specified element.

Sample Code

p span { color: red;} /* Applies to all span elements inside p elements. */
.hoge p { color: blue;} /* Applies to all p elements inside elements with class name 'hoge'. */
div * { color: orange;} /* Applies to all elements inside div elements. */

Browser Preview

p span { color: red;} /* Applies to all span elements inside p elements. */
.hoge p { color: blue;} /* Applies to all p elements inside elements with class name 'hoge'. */
div * { color: orange;} /* Applies to all elements inside div elements. */

<p>This is a p element. <span>This is a span element inside a p element.</span></p>
<div class="hoge">
	<p>This is a p element inside a div element with class name 'hoge'.</p>
</div>
<div class="hoge">
	<div>This is a div element inside a div element with class name 'hoge'.</div>
</div>
<div>This is a div element. <span>This is a span element inside a div element.</span></div>