在 CSS 樣式中，我們可以根據不同的條件來設置樣式。其中，如何做判斷是一項重要的應用。

通過定義合適的選擇器和屬性值，我們可以為符合特定條件的元素設置不同的樣式。以下是幾種常用的判斷方法：

/* 通過元素類型選擇器賦予普遍樣式 */
p {
font-size: 16px;
}
/* 通過類選擇器賦予特定樣式 */
.red {
color: red;
}
/* 通過偽類選擇器賦予動態樣式 */
a:hover {
color: blue;
}
/* 通過屬性選擇器賦予有條件樣式 */
input[type="text"] {
border: 1px solid #ccc;
}

以上幾個方法是基礎的樣式判斷，還有一些更加復雜的方法如組合選擇器、子元素選擇器等等。需要根據不同的需求靈活使用。

同時，我們也可以通過 CSS3 中的 @media 規則來實現不同屏幕尺寸下的樣式判斷。例如：

/* 當屏幕寬度小于等于 768px 時 */
@media screen and (max-width: 768px) {
body {
background-color: #ddd;
}
}
/* 當屏幕寬度大于 768px 時 */
@media screen and (min-width: 768px) {
body {
background-color: #eee;
}
}

在樣式中做判斷，可以讓我們更好地控制和優化頁面，提升用戶體驗。但需要注意的是，選擇器和屬性值的復雜度應該盡量保持簡潔，否則會影響頁面加載速度。