在CSS中，嵌套規則是指一些CSS樣式的層次關系，通過這種方式可以實現更加簡潔的CSS代碼。下面我們通過一些例子來了解CSS標簽嵌套規則。

p {
font-size: 16px;
color: #333;
span {
font-weight: bold;
color: #f00;
}
}

上述代碼中，我們使用了嵌套規則，將span標簽作為p標簽的子標簽進行樣式設置。這樣，我們可以將p標簽和span標簽的樣式改變集中在一起，并且可以避免重復的CSS代碼。這些CSS樣式的應用方式如下：

這是一個段落帶有粗體和紅色文本樣式
這還是一個段落同樣帶有粗體和紅色文本樣式

可以看到，所有的段落都符合我們通過CSS設置的樣式。除此之外，CSS的嵌套規則還可以通過層次關系實現更加優雅的樣式設置，例如：

nav {
ul {
padding: 0;
margin: 0;
li {
display: inline-block;
a {
color: #f00;
text-decoration: none;
&:hover {
color: #00f;
}
}
}
}
}

上述代碼實現了導航欄樣式的設置，并且特別地，我們可以通過&符號來表示鼠標懸浮時的樣式，這種寫法使用起來更加方便。

總的來說，CSS的標簽嵌套規則可以提高CSS代碼的可讀性和可維護性，但是使用嵌套規則的時候需要注意不要過度嵌套，否則可能會影響代碼的性能。