පොසියුඩෝ ක්ලාසය focus-within

focus-within පොසියුඩෝ ක්ලාසය කේන්ද්‍රගත අවධානය සහිත මූලද්‍රව්‍ය සඳහා විලාසය නියම කරයි. focus පොසියුඩෝ ක්ලාසය මූලද්‍රව්‍යයටම කෙලින්ම විලාසය නියම කරන අතර, focus-within මූලද්‍රව්‍ය-දෙමාපිය සඳහා විලාසය නියම කරයි.

වාක්‍ය රචනා ශාස්ත්‍රය

cssතෝරන්නා:focus-within {

}

උදාහරණය

අපි දෙමාපිය මූලද්‍රව්‍යයේ පසුබිමට නිල් පැහැයක් නියම කරමු, එහි දරු මූලද්‍රව්‍යය ආදානය කේන්ද්‍රගත අවධානයේ පවතින විට:

html<div>
  ඔබේ නම ඇතුළත් කරන්න: <input name="user">
</div>

cssdiv {
  width: 300px;
  height: 50px;
  padding: 10px;
}
div:focus-within {
  background-color: #C2DDFD;
}

Результат:

මෙයද බලන්න