Open In App
Related Articles

What does the “+” (plus sign) CSS selector mean?

Improve Article
Save Article
Like Article

The “+” sign selector is used to select the elements that are placed immediately after the specified element but not inside the particular elements.

Note: The IE8 and earlier versions </DOCTYPE> must be declared to work element + element selector.


element + element {
    // CSS property


<!DOCTYPE html>
        <title>+ sign selector</title>
            h2 + div {
                background-color: yellow;
            h1 {
            body {
        <h2>+ sign Selector</h2>
        <div>A computer science portal for geeks</div>


Supported Browsers: The browser supported by “+” selector are listed below:

  • Apple Safari
  • Google Chrome
  • Firefox
  • Opera
  • Internet Explorer 7.0
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 04 Dec, 2018
Like Article
Save Article
Similar Reads
Complete Tutorials