Immediate Sibling Selector

The immediate sibling selector selects elements that immediately follow other elements.

It syntax is:

<first selector> + <second selector>
        <!DOCTYPE HTML> 
                <style type="text/css"> 
                p + a { 
                    border: thin black solid; 
                    padding: 4px; 
                <a href="">Visit the</a> 
                <a href="">AAA</a> 
                <a href="">BBB</a> 
Click to view the demo
  HTML CSS Book 

Selectors Combination:
  1. Selector Unions
  2. Selecting Descendant Elements
  3. Selecting Child Elements
  4. Immediate Sibling Selector
  5. General Sibling Selector