:first-child – pseudo-class | Selectors Level 3 The :first-child selects any element that is the first child of its parent element.
:nth-last-child() – pseudo-class | Selectors Level 3 The :nth-last-child(an+b) works similar to nth-child() pseudo-class. The difference is that :nth-last-child selects elements from bottom of the parent element. It also accepts the “even” and “odd” values as arguments.
The background-image CSS property sets the background image(s) of an element. Two types of images can be specified by this property: regular images (e.g. png, jpg, svg, gif, webp) or gradients.
The background-color CSS property sets the background color of an element. If an image is present, the color covers painted area behind the image.
The background-attachment CSS property specifies the type of attachment the background image to the viewport or an element. If the background image is fixed within the viewport or scrolls along the element or its content. The condition is to determine the background-image property.
The background-clip CSS property specifies the position of painted background components: image or color. It determines if the background components are painted across the content, inside the padding or inside the border of the element.
The background-origin is the CSS property which specifies position where the background image is painted: across the content of container area, inside the padding or inside the border. To use it you need to set background-image property.
The background-repeat is the CSS property which specifies how the background image is repeated or if is repeated. The condition is to determine background-image property.
The background-size is the Css property which specifies the size of background image. The image can be stretched in order to fill the whole element or it can has particular size. To use it you need to set background-image property.
The ‘background-position’ is the CSS property which specifies the initial position of the background image for all elements. It also applies to ::first-letter and :first-line. The property is not inherited. The initial value is equal to 0% 0%. The property is animatable. To use it you need to set background-image property.