<style>
.red {
color: green;
}
.green {
color: red;
}
.red .green {
color: yellow;
}
#black {
color: black;
}
</ style>
<div class = "red green"> text </ div>
<div class = "red"> <div class = "green"> text </ div> </ div>
<div class = "red"> <div class = "green" id = "black"> text </ div> </ div>
.fl {
width: 200px;
height: 200px;
border: 1px solid red;
float: left;
}
.f1 {
width: 200px;
height: 200px;
border: 1px solid red;
float: left;
position: relative;
}
.f2 {
position: absolute;
width: 50px;
height: 50px;
border: 1px solid # 000000;
top: 0px;
left: 0px;
}
<div class = "f1"> <div class = "f2"> </ div> </ div>
.d1 {
width: 200px;
height: 100px;
border: 1px solid red;
margin-bottom: 30px;
}
.d2 {
width: 200px;
height: 100px;
border: 1px solid red;
margin-top: 10px;
}
<div class = "d1"> </ div> <div class = "d2"> </ div>
Source: https://habr.com/ru/post/43758/
All Articles