Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

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

  • Last Updated : 04 Dec, 2018

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.

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.


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
My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!