පොසියුඩෝ ක්ලාසය focus-within
focus-within පොසියුඩෝ ක්ලාසය
කේන්ද්රගත අවධානය සහිත මූලද්රව්ය සඳහා විලාසය
නියම කරයි.
focus පොසියුඩෝ ක්ලාසය මූලද්රව්යයටම
කෙලින්ම විලාසය නියම කරන අතර, focus-within
මූලද්රව්ය-දෙමාපිය සඳහා විලාසය නියම කරයි.
වාක්ය රචනා ශාස්ත්රය
තෝරන්නා:focus-within {
}
උදාහරණය
අපි දෙමාපිය මූලද්රව්යයේ පසුබිමට නිල් පැහැයක් නියම කරමු, එහි දරු මූලද්රව්යය ආදානය කේන්ද්රගත අවධානයේ පවතින විට:
<div>
ඔබේ නම ඇතුළත් කරන්න: <input name="user">
</div>
div {
width: 300px;
height: 50px;
padding: 10px;
}
div:focus-within {
background-color: #C2DDFD;
}
:
මෙයද බලන්න
-
පොසියුඩෝ ක්ලාසය
:indeterminate,
අවිනිශ්චිත තත්වයේ පවතින ස්විච සඳහා විලාසය නියම කරයි -
පොසියුඩෝ ක්ලාසය
:default,
පෙරනිමියෙන් මූලද්රව්ය සඳහා විලාසය නියම කරයි -
පොසියුඩෝ ක්ලාසය
:fullscreen,
පුර්ණ තිර ප්රකාරයේ මූලද්රව්ය සඳහා විලාසය නියම කරයි -
පොසියුඩෝ ක්ලාසය
:placeholder-shown,
ඉඟි පෙළ පෙන්වන විට මූලද්රව්ය සඳහා විලාසය නියම කරයි -
ගුණාංගය
caret-color,
ආදානයක ඇති පෙළ කර්සරයේ වර්ණය නියම කරයි
