The ‘>’ symbol is called the child selector. CSS rules will be applied to
elements which are direct children of the particular element.
Example
The following code will target all the <p> tags which are immediate children of container
<div>.
div.container > p {
border-bottom: 1px dashed black;
}
Code Example |
---|
Css :: css notes |
Css :: safari version 10+ media query |
Css :: border style shorthand |
Css :: css flex container |
Css :: css max width substruction |
Css :: transform css |
Css :: web3 button style |
Css :: ahk borderless fullscreen |
Css :: CSS fluid type sizing based on viewport |
Css :: indexes |
Css :: codemirror resizable |
Css :: javafx change image on hover |
Css :: set custom cursor |
Css :: highchart add font family |
Css :: dict to sql python |
Css :: before width not working |
Css :: on class hover another class color change |
Css :: table vertical align middle |
Css :: css position property |
Css :: Vuetify v-data-table custom row hover background color (Dark Theme) |
Css :: 3d rotating text css |
Css :: online animation maker css |
Css :: @font-face or font link |
Css :: css attribute selectors |
Css :: fitler css for making white img |
Css :: css grid tutorial |
Css :: twig country name |
Css :: why wont text color of a div change |
Css :: css animation timing syntax |
Css :: /* */ |