| border: 1px solid green; |
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<title>Next Sibling Selectors</title>
<style type='text/css'>
body {
font: 12px sans-serif;
}
p {
padding: 5px;
}
h1 + p {
background: lightyellow;
color: darkkhaki;
border: 1px solid darkkhaki;
}
h1 + p + p {
background: yellowgreen;
color: green;
border: 1px solid green;
}
</style>
</head>
<body>
<h1>Next Sibling Selectors</h1>
<p>
The next sibling selector allows you to select an element based on
its sibling.
</p>
<p>
This paragraph has a yellowgreen background and green text.
</p>
<p>
This paragraph has no colored background, border, or text.
</p>
</body>
</html>
|
|
|
|
| Related examples in the same category |
| 1. | 'border' Example | | | | 2. | border width, border style shorthand four values | | | | 3. | border width, border style shorthand one value | | | | 4. | border width, border style shorthand, three values | | | | 5. | border width, border style shorthand two values | | | | 6. | border: thin solid rgb(0, 0, 0) | | | | 7. | border: 1em solid black | | | | 8. | border: medium solid black | | | | 9. | border: thin solid black | | | | 10. | border: 1px solid rgb(0, 0, 0); | | | | 11. | border: 1px solid crimson; | | | | 12. | border: 1px solid gold; | | | | 13. | border: 1px solid rgb(200, 200, 200); | | | | 14. | Style sheet for border properties | | | | 15. | border-color: red green purple blue; border-width: thin medium thick .25cm; | | | | 16. | border overwrite | | | | 17. | Use border-bottom to draw line | | | | 18. | Dashed border | | | | 19. | border: 1px dashed #8a795d; | | | | 20. | Using image for border | | | | 21. | Border page border | | | | 22. | When no border-color is specified, the border color is the value of the color property. | | | | 23. | border-style: solid dashed double inset; | | | | 24. | Border with default color | | | | 25. | border sets the size, pattern, and color of the border surrounding the padding. | | | | 26. | border: thick solid black | | | | 27. | Border shortcut setting | | | | 28. | border shortcut property takes three space-delimited values that represent the border's width, style, and color. | | | | 29. | border: 40px double black; creates a black, 40-pixel, double-line border. | | | | 30. | Border with specific setting for four directions | | | | 31. | This paragraph has a 1 pixel thick, solid black border around it. | | | | 32. | Border direction | | | | 33. | Set border to '3px dotted #33333;' | | | | 34. | Body border: 50px #666 ridge | | | | 35. | Add border for different columns together | | | | 36. | Combined style | | | | 37. | border:none is the default. | | | | 38. | Border's width cannot be negative because they are inside the margin. | | | | 39. | Use nested border | | | | 40. | border property, can be used to specify border-width, border-style, and border-color for all four sides at once. | | | | 41. | Border cascade | | |
|