CSS（層疊樣式表）是一種用于掌控網頁布局和樣式的語言，它能讓我們根據不同的條件設置不同的樣式。以下是使用CSS按條件顯示元素的示例：

/*根據屏幕大小設置元素顯示方式*/
@media (max-width: 600px) {
.example {
display: none;
}
}
/*根據元素父級設置元素顯示方式*/
.parent .example {
display: inline-block;
}
/*根據元素屬性設置元素顯示方式*/
.example[disabled] {
opacity: 0.5;
}
/*根據元素內容設置元素顯示方式*/
.example:before {
content: "注意！";
}

第一條代碼將在屏幕寬度小于等于600像素時，隱藏類名為“example”的元素。第二條代碼將把所有父元素中帶有類名“parent”的元素下的“example”元素的顯示方式設置為“inline-block”。第三條代碼將會把所有帶有“disabled”屬性的“example”元素的透明度設置為0.5。最后一條代碼將在“example”元素前添加文本“注意！”。

以上代碼只是CSS按條件顯示元素的幾個示例，實際上我們可以通過CSS根據更多的條件來顯示元素，比如元素的狀態、位置、文本選擇等等。只要我們理解CSS的基本語法和選擇器，就可以輕松地實現按條件顯示元素的效果。