CSS இணைப்புகள்
ஒரு இணைப்பு என்பது தேர்ந்தெடுப்பாளர்களுக்கு இடையிலான உறவை விளக்கும் ஒரு அடையாளமாகும்.
முக்கியமான குறிப்பு:
இணைப்புகள் ஒன்றுக்கு மேற்பட்ட தேர்ந்தெடுப்பாளர்களை இணைக்கப் பயன்படுகின்றன, இது மிகவும் குறிப்பிட்ட தேர்வுகளைச் செய்ய உதவுகிறது.
CSS இணைப்புகள் அட்டவணை
கீழே உள்ள அட்டவணை CSS இல் உள்ள வெவ்வேறு இணைப்புகளைக் காட்டுகிறது:
| பெயர் | அடையாளம் | எடுத்துக்காட்டு | எடுத்துக்காட்டு முடிவு |
|---|---|---|---|
| Child combinator | > | div > p | <div> உறுப்பின் நேரடி குழந்தைகளாக இருக்கும் ஒவ்வொரு <p> உறுப்புகளையும் தேர்ந்தெடுக்கிறது |
| Descendant combinator | (single space) | div p | <div> உறுப்புகளுக்குள் உள்ள அனைத்து <p> உறுப்புகளையும் தேர்ந்தெடுக்கிறது |
| Namespace separator | | | ns | h2 | பெயர்வெளி ns இல் உள்ள அனைத்து <h2> உறுப்புகளையும் தேர்ந்தெடுக்கிறது |
| Next-sibling combinator | + | div + p | <div> உறுப்புகளுக்குப் பிறகு உடனடியாக வைக்கப்பட்ட முதல் <p> உறுப்பைத் தேர்ந்தெடுக்கிறது |
| Selector list | , | div, p | அனைத்து <div> உறுப்புகளையும் மற்றும் அனைத்து <p> உறுப்புகளையும் தேர்ந்தெடுக்கிறது |
| Subsequent-sibling combinator | ~ | p ~ ul | <p> உறுப்பால் முன்னோடியாக இருக்கும் அனைத்து <ul> உறுப்புகளையும் தேர்ந்தெடுக்கிறது |
CSS இணைப்புகள் பயிற்சி
உங்கள் CSS இணைப்புகள் அறிவை சோதிக்க இந்த பயிற்சியை முயற்சிக்கவும்.