సిఎస్ఎస్ సెలెక్టర్ రిఫరెన్స్ హాండ్బుక్

CSS 选择器

CSS 选择器用于“查找”（或选择）您想要设置样式的 HTML 元素。

使用我们的 CSS 选择器测试器来演示不同的选择器。

CSS 简单选择器

సరళ సెలెక్టర్స్ మేళకం పేరు, id మరియు class ను ఎంచుకుంటాయి. పాటు అన్నింటికీ సాధారణ సెలెక్టర్స్ ఉన్నాయి (*)

సెలెక్టర్ ఉదాహరణ ఉదాహరణ వివరణ
మేళకం p అన్ని <p> టేగ్లను ఎంచుకుంటాయి.
#id #firstname id="firstname" టేగ్ను ఎంచుకుంటాయి.
* * అన్ని టేగ్లను ఎంచుకుంటాయి.
.class .intro class="intro" అన్న టేగ్లను ఎంచుకుంటాయి.

CSS అట్టికేటిక్స్ సెలెక్టర్

అట్టికేటిక్స్ సెలెక్టర్స్ నిర్దిష్ట అట్టికేటిక్స్ సెట్టును కలిగివున్న హెచ్ఎంఎల్ టేగ్లను ఎంచుకుంటాయి.

సెలెక్టర్ ఉదాహరణ ఉదాహరణ వివరణ
[attribute] [target] target అట్టికేటిక్స్ ఉన్న ప్రతి టేగ్ ఎల్లావిధంగా యున్నాయి.
[attribute=value] [target=_blank] target="_blank" అట్టికేటిక్స్ ఉన్న ప్రతి టేగ్ ఎల్లావిధంగా యున్నాయి.
[attribute~=value] [title~=flower] title అట్టికేటిక్స్ లో "flower" పదం ఉన్న ప్రతి టేగ్ ఎల్లావిధంగా యున్నాయి.
[attribute|=value] [lang|=en] lang అట్టికేటిక్స్ మొదలుగా "en" ఉన్న ప్రతి టేగ్ ఎల్లావిధంగా యున్నాయి.
[attribute^=value] a[href^="https"] క్రియాశీల టేగ్ లో src అట్టికేటిక్స్ మొదలుగా "https" ఉన్న ప్రతి టేగ్ <a> ఎల్లావిధంగా యున్నాయి.
[attribute$=value] a[href$=".pdf"] క్రియాశీల టేగ్ లో src అట్టికేటిక్స్ మొదలుగా ".pdf" ఉన్న ప్రతి టేగ్ <a> ఎల్లావిధంగా యున్నాయి.
[attribute*=value] a[href*="codew3c"] క్రియాశీల టేగ్ లో "abc" ఉండే ప్రతి టేగ్ <a> ఎల్లావిధంగా యున్నాయి.

CSS ఎంట్ సెలెక్టర్

సెలెక్టర్ ఉదాహరణ ఉదాహరణ వివరణ
& & మరొక మేళకలో ఉన్న మేళకలో స్టైల్స్ అనువర్తించండి