பதிலளிக்கக்கூடிய வலை வடிவமைப்பு இருந்ததிலிருந்து, டெவலப்பர்கள் DOM உறுப்புகளை அவற்றின் உண்மையான அளவை அடிப்படையாகக் கொண்டு வடிவமைக்கும் சாத்தியக்கூறு பற்றி கேட்டு வருகின்றனர், உலாவியில் உள்ள காட்சிப் பரப்பின் அளவைப் பொறுத்து அல்ல ( மீடியா வினவல்களின் உதவியுடன்). உண்மையில், கொள்கலன் வினவல்கள் (ஆரம்பத்தில் உறுப்பு வினவல்கள்) உலாவிகளில் இன்னும் இல்லாத CSS செயல்பாடாக இருக்கலாம் .
CSS இல் கொள்கலன் வினவல்களைச் செயல்படுத்துவது ஏன் கடினம் மற்றும் உலாவி உற்பத்தியாளர்கள் ஏன் அவற்றைச் செயல்படுத்தத் தயங்குகிறார்கள் என்பதை விளக்கும் பல , பல , பல பதிவுகள் ஏற்கனவே உள்ளன. நீங்கள் இப்போது அதை அனுபவிக்க விரும்பினால், கொஞ்சம் ஜாவாஸ்கிரிப்ட் உதவலாம்:
c51c33e1533e68c3f8fd24633700789f
பின்னர் முழு விஷயமும் இப்படித்தான் தெரிகிறது:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
பிரேக் பாயிண்ட்ஸ் , செலக்டர் மற்றும் ஸ்டைல் பண்புகளை பல்வேறு பிரேக் பாயிண்டுகள், தானியங்கி தேர்வாளர் மற்றும் சேர்க்கப்பட்ட வகுப்புகளின் வகையை வரையறுக்க பயன்படுத்தலாம். நீங்கள் ஸ்கிரிப்டைப் பயன்படுத்துகிறீர்கள் என்றால், புதிதாக உருவாக்கப்பட்ட வகுப்புகளை நீங்கள் பின்வருமாறு உரையாற்றலாம்:
c51c33e1533e68c3f8fd24633700789f
கொள்கலன் வினவல்களின் பயன்பாடு குறிப்பாக மேலடுக்குகள், பாப் -அப்கள், பக்கப்பட்டிகள் அல்லது தனிப்பயன் கூறுகளில் உள்ள உறுப்புகளுக்கு மதிப்புள்ளது - இப்போது கூட, எடுத்துக்காட்டாக, மேலே உள்ள ஸ்கிரிப்டுடன்.