CSS中的z-index屬性用于控制元素的層疊順序，即控制元素在頁面上的覆蓋順序。

z-index屬性的值必須是整數，取值范圍為負整數、0和正整數，值越大代表層疊順序越靠上。具有相同z-index值的元素按照出現順序進行層疊。

div {
z-index: 2;
}
p {
z-index: 1;
}

在上述代碼中，div元素的z-index值為2，p元素的z-index值為1，因此div會覆蓋p。如果兩個元素具有相同的z-index值，就會按照它們在HTML代碼中出現的順序進行層疊。如果一個元素沒有指定z-index值，默認為0。

需要注意的是，只有定位（position）屬性值不為static的元素（如relative、absolute、fixed等）才能使用z-index。此外，z-index只對同級元素生效，如果兩個元素不是同級，即使它們的z-index值相同，也不會發生層疊。

在上述代碼中，父元素.parent設置了z-index值為1，子元素.child設置了z-index值為2，而另一個元素.other也設置了z-index值為1。由于.parent的z-index值大于其他元素，因此.parent和.child會發生層疊；而.other不會和.parent和.child發生層疊，因為它們不是同級元素。

綜上所述，使用z-index屬性可以輕松控制元素之間的層疊關系，但需要注意屬性值的取值范圍、元素的定位屬性和元素的同級關系。