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
.png)
