在CSS中，我們經常會使用括號來包含樣式屬性的值。但是有時候在我們的代碼中出現無效括號時，就會導致樣式無法生效，這是我們需要特別注意的問題。

例如，以下代碼包含了一個無效的括號：
p {
color: red;
font-size: 14px);
}

我們可以看到，在font-size屬性值的結尾處，多了一個關閉括號“)”，而缺少了一個開啟括號“(”。這是非常容易犯的錯誤，但卻會導致整個樣式表不起作用。

當瀏覽器解析這個樣式表時，它會誤認為font-size: 14px)是無效的CSS屬性，無法識別它的含義。然后，它會忽略這個括號以及它之后的所有內容，因此整個樣式都會變得無效。

要避免這個問題，我們需要時刻留意代碼中的括號是否匹配。特別是在較復雜的代碼片段中，要特別小心。我們可以使用編輯器的語法高亮功能來幫助我們發現無效的括號。

下面是一個更復雜的例子：
ul li {
width: 50%;
float: left;
border: 1px solid black;
padding: 10px;
}
@media screen and (max-width: 600px) {
ul li {
width: 100%;
}

這段代碼使用了媒體查詢，來指定在屏幕寬度小于600px時，列表項的寬度應該為100%。但是，如果我們不小心多輸入一個無效括號，就會導致樣式失效。

@media screen and (max-width: 600px) {
ul li {
width: 100%;
}
}}

在這個例子中，我們多輸入了一個閉合括號“}”，而缺少了一個開啟括號“{”。這個錯誤就會導致整個媒體查詢的代碼塊被忽略，而樣式無法正常工作。

因此，為了確保CSS代碼的有效性，我們應該時刻留意代碼中的括號，確保它們都是匹配的，并且沒有多余的無效括號。