What does the “+” (plus sign) CSS selector mean?
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.
Syntax:
element + element { // CSS property }
Example:
<!DOCTYPE html> < html > < head > < title >+ sign selector</ title > < style > h2 + div { font-size:20px; font-weight:bold; display:inline; background-color: yellow; color:green; } h1 { color:green; } body { text-align:center; } </ style > </ head > < body > < h1 >GeeksforGeeks</ h1 > < h2 >+ sign Selector</ h2 > < div >A computer science portal for geeks</ div > </ body > </ html > |
Output:
Supported Browsers: The browser supported by “+” selector are listed below:
- Apple Safari
- Google Chrome
- Firefox
- Opera
- Internet Explorer 7.0
Please Login to comment...