--- title: "CSS Plus Sign (+)" description: "CSS Plus Sign (+)" author: "AVADHESH PATEL" published: 2013-05-02 updated: 2020-03-15 canonical: https://www.mindstick.com/articles/1274/css-plus-sign category: "css-css3" tags: ["css-css3"] reading_time: 2 minutes --- # CSS Plus Sign (+) Plus sign used for apply CSS on HTML element in optimized way. ##### With element ##### Syntax: element + element ##### Example div + p Selects all

[elements](https://www.mindstick.com/forum/1440/wpf-button-with-multiple-text-elements) that are placed immediately after

elements ##### With class ##### Syntax class + element ##### Example .a + div Selects all
elements that are placed immediately after “a” class elements ##### With id ##### Syntax Id + element ##### Example #a + div Selects all
elements that are placed immediately after “a” id elements ##### For example ```             
        
        
        
        
        
        
        

Greater Than sign (+) CSS Selector demo

        

Greater Than sign (+) CSS Selector demo

        

Greater Than sign (+) CSS Selector demo

    
  ``` ##### Doctype for IE 8, IE 7 and IE 6 ```   ``` ##### See Figure: ![CSS Plus Sign (+)](https://www.mindstick.com/mindstickarticle/e48fdcfd-0aeb-42ce-9859-ae70588e8fc7/images/fd1766eb-22c4-41c2-ba2d-2d5f86c748f8.png) From the above example, you can see "background-color" apply on "idgreen" div that are immediate element of “idred” div and color apply on immediate

element only. --- Original Source: https://www.mindstick.com/articles/1274/css-plus-sign Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.