div p{
...
}
Select p
Why is this adjacent word in quotation marks?
<!DOCTYPE html><html><head><style>div + p { background-color: yellow;}</style></head><body><p>Paragraph 0. Not in a div.</p><div><p>Paragraph 1 in the div.</p><p>Paragraph 2 in the div.</p></div><p>Paragraph 3. Not in a div.</p><p>Paragraph 4. Not in a div.</p></body></html>Which p will be in the by-selection?
Only 3 is selected. If it is unexpected, it means that you have not understood the 'adjacency'
Then why is there not 0? It is also an adjacent element of div
It turns out that ' ' this so-called neighbor is just the 'following neighbor'
Adjacent 2
div ~ p{
...
}
<!DOCTYPE html><html><head><style>div ~ p { background-color: yellow;}</style></head><body><p>Paragraph 0. Not in a div.</p><div><p>Paragraph 1 in the div.</p><p>Paragraph 2 in the div.</p></div><p>Paragraph 3. Not in a div.</p><p>Paragraph 4. Not in a div.</p></body></html>3,4 will be selected.. Here 'adjacent' is :'The subsequent neighbor'
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
