在Web開發中，有時需要使用組織架構圖來展示企業的組織結構。而CSS中的選擇器可以幫助我們實現組織架構圖的樣式化設計。下面就來介紹一下如何用CSS實現組織架構圖的選擇器。

/* 定義組織架構圖塊的樣式 */
.org-box {
width: 100px;
height: 50px;
border: 1px solid #000;
}
/* 定義組織架構圖的層次結構選擇器 */
.org-box>.org-box {
margin-top: 20px;
}
/* 定義組織架構圖的同級選擇器 */
.org-box~.org-box {
margin-left: 20px;
}
/* 定義組織架構圖的子孫選擇器 */
.org-box .name {
font-weight: bold;
}
.org-box .title {
font-style: italic;
}

上述代碼中，我們首先定義了組織架構圖的塊樣式，它具有固定寬度、高度和邊框。接著，我們使用層次結構選擇器“>”來定義組織架構圖的子級，即按照所在的層次進行排列，使用“~”來定義同級，即同一級別的組件按順序排列。其中，子孫選擇器“ ”用于選擇組織架構圖塊內部的標記，如名稱和職位。

通過使用CSS選擇器，我們可以輕松地實現組織架構圖的樣式化設計，達到更好的視覺效果和用戶體驗。