HTML

In CSS, it is possible to select an element based on its relationship or proximity to another element. In this tutorial, you will use several CSS-relationship-based approaches to select and style elements on an HTML page. You will use the descendant combinator, child combinator, general sibling combinator, and adjacent sibling combinator, as well as the first-, last-, only-, and nth-child pseudo-class selectors.

The value of the CSS display property affects the box model, the mechanism that determines how elements interact with one another on a page. Using this property, you can efficiently control how an element interacts with the layout of your web page. In this tutorial, you will work through multiple demos using the display property to solve problems like displaying a table element on a small screen and learn how it determines flow interactions with other elements.