CSS :focus-within शैली-वस्तु

परिभाषा और उपयोग

CSS :focus-within शैली-वस्तु एक एलिमेंट को मेल खाते है, यदि वह एलिमेंट या उसके किसी पीछे के वंशज एलिमेंट को फोकस मिला है。

उदाहरण

जब फॉर्म में किसी फील्ड को फोकस मिला जाता है, तो फॉर्म के शैली को चुनें और सेट करें:

form:focus-within {
  border: 2px solid black;
  background-color: beige;
  color: black;
}

अपने आप सामने देखें

CSS व्याकरण

:focus-within {
  css निर्णायक;
}

तकनीकी विवरण

ब्राउज़र समर्थन

टेबल में दिए गए नंबर इस शैली-वस्तु के पूर्णतः समर्थित पहले ब्राउज़र संस्करण को निर्दिष्ट करते हैं。

संबंधित पृष्ठ

शिक्षा कार्यक्रम:CSS शैली-वस्तु

सन्दर्भ:CSS :focus नकली वर्ग