element+element, sibling selector - HTML CSS CSS Selector

HTML CSS examples for CSS Selector:element sibling

  1. HOME
  2. HTML CSS
  3. CSS Selector
  4. element sibling

Description

The element+element selector selects elements placed immediately after the specified element.

Example

Select every <p> element that are immediately after <div> elements:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
div + p {
    background-color: yellow;
}
</style><!-- w  w w  .  j a  v a 2 s  .c  om-->
</head>
<body>

<h1>Welcome to My Homepage</h1>

<div>
  <h2>this is a test</h2>
  <p>this is a paragraph.</p>
</div>

<p>I <b>like</b> css.</p>

<p>I will not be styled.</p>

<div>
  <p>this is a paragraph.</p>
</div>

</body>
</html>

Related Tutorials