0 out of 4 rated this helpful - Rate this topic

Child (>) combinator

Specifies an adjacent sibling relationship between selector elements.

Syntax

first>second { ... }

Parameters

first: A CSS simple selector.
second: A CSS simple selector.

Standards information

CSS 2.1, Section 5.6

Remarks

A child combinator is a "greater-than sign" (>) character that separates two simple selectors. Whitespace is not significant. A selector of the form "E>F" matches when element F is a direct descendant of element E.

Note Requires Windows Internet Explorer 7 or later.

Note Combinators are not supported in webpages that are displayed in the Microsoft Internet Explorer 5 document mode (also known as "Quirks" mode). To use attribute selectors, add a !DOCTYPE directive that specifies a standards-based document. For more information, see Defining Document Compatibility.

Examples

The following style rule matches only p elements that are immediate children of the body element.

CSS


<!DOCTYPE html>
<html>

<head>
<style>
body > p {
  line-height: 1.3;
  color: red;
}
</style>
</head>

<body>

<p>Paragraph one</p>
<div>
  <p>Paragraph two</p>
</div>
<p>Paragraph three</p>

</body>

</html>

Send comments about this topic to Microsoft

Build date: 11/29/2012

Did you find this helpful? Yes No

Not accurate

Not enough depth

Need more code examples

(1500 characters remaining)

Community Additions

ADD