css earlier sibling code example
Example 1: css select sibling
/*
Adjecent Sibling Selector
-------------------------
example: Select all <p> tags that immediatly follows after <div> tag
*/
div + p {
background-color: yellow;
}
/*
General Sibling Selector
-------------------------
example: Select all <p> tags that has a sibling with a <div> tag
*/
div ~ p {
background-color: yellow;
}
Example 2: css selector for sibling element
/* Paragraphs that come immediately after any image */
img + p {
font-weight: bold;
}