## Select ### Semantic Parts - root（`semantic-mark-root`）: Root element with relative positioning, inline-flex layout, cursor styles, transitions, border and other basic selector container styles - prefix（`semantic-mark-prefix`）: Prefix element with layout and styling for prefix content - suffix（`semantic-mark-suffix`）: Suffix element with layout and styling for suffix content like clear button, arrow icon, etc. - input（`semantic-mark-input`）: Input element with search input styling, cursor control, font inheritance and other search-related styles. Remove border styles - content（`semantic-mark-content`）: Multiple selection container with layout, spacing, and wrapping styles for selected items - clear（`semantic-mark-clear`）: Clear button element with layout, styling and interactive effects for clear button - item（`semantic-mark-item`）: Multiple selection item element with border, background, padding, and margin styles - itemContent（`semantic-mark-itemContent`）: Multiple selection item content area with text ellipsis styles - itemRemove（`semantic-mark-itemRemove`）: Multiple selection item remove button with font-related styles - placeholder（`semantic-mark-placeholder`）: Placeholder element with font styles and colors for placeholder text - popup.root（`semantic-mark-popup-root`）: Popup element with popup layer positioning, z-index, background, border, box-shadow and other popup container styles - popup.list（`semantic-mark-popup-list`）: Popup list element with option list layout, scrolling, max-height and other list container styles - popup.listItem（`semantic-mark-popup-listItem`）: Popup item element with option item padding, hover effects, selected states, disabled states and other option interactive styles ### Usage Example ```tsx
Single
prefix
aojunhao123
aojunhao123
thinkasany
aojunhao123
thinkasany
meet-student
```