அடுக்ககம் CSS பாணி தாள்கள் மிகவும் பயனுள்ளதாக செய்கிறது என்ன. சுருக்கமாக, எப்படி முரண்பாடான பாணிகளை பயன்படுத்த வேண்டும் என்பதற்கான முன்னுரிமை வரிசையை அடுக்கை வரையறுக்கிறது. வேறுவிதமாக கூறினால், நீங்கள் இரண்டு பாணிகளை வைத்திருந்தால்:
p {color: red; }p {color: blue; }
பாணியில் நிற்கும் வண்ணம், சிவப்பு மற்றும் நீல வண்ணம் இருக்க வேண்டும் என்று பாணி தாள் குறிப்பிட்டுள்ளபோதிலும், வண்ணம் என்ன நிறத்தை தீர்மானிக்கிறது. இறுதியாக ஒரு வண்ணம் பத்திகளுக்கு மட்டுமே பயன்படுத்த முடியும், எனவே ஒரு ஒழுங்கு இருக்க வேண்டும். இந்த வரிசையில் தேர்வாளர்கள் (தி ப மேலே குறிப்பிடப்பட்ட எடுத்துக்காட்டில்) அதிகபட்ச முன்னுரிமை மற்றும் ஆவணத்தில் அவை எந்த வரிசையில் தோன்றியுள்ளன.
உங்கள் உலாவி எவ்வாறு ஒரு பாணியில் முன்னுணர்வதைத் தீர்மானிக்கிறது என்பதை பின்வரும் பட்டியல் எளிமையாக காட்டுகிறது:
- உறுப்புடன் பொருந்தும் ஒரு தேர்வுக்குழு நடை தாள் பாருங்கள். எந்த வரையறுக்கப்பட்ட பாணியும் இல்லை என்றால், உலாவியில் இயல்புநிலை விதிகள் பயன்படுத்தவும்
- குறிக்கப்பட்ட தேர்வாளர்களுக்கான நடை தாளைப் பாருங்கள்
!முக்கியமானமற்றும் பொருத்தமான கூறுகளை அந்த பொருந்தும். - நடை தாள் உள்ள அனைத்து பாணிகளும் இயல்புநிலை உலாவி பாணியை (பயனர் பாணி தாள்கள் வழக்கில் தவிர) மேலெழுதும்.
- மேலும் குறிப்பிட்ட பாணி தேர்வுக்குழு, அதிக முன்னுரிமை அது வேண்டும். உதாரணத்திற்கு,
div> p.classவிட குறிப்பிட்டதுp.classஇது விட சிறப்பாக உள்ளதுப. - இறுதியாக, இரண்டு விதிகளும் அதே உறுப்புக்கு பொருந்தும் மற்றும் அதே தேர்வாளர் முன்னுரிமை, ஏற்றப்பட்டிருந்தால் கடந்த பயன்படுத்தப்படும். வேறு வார்த்தைகளில் கூறுவதானால், நடை தாள் மேலிருந்து படிப்படியாக வாசிக்கப்படுகிறது, மேலும் பாணிகள் ஒருவரையொருவர் மேல் பயன்படுத்துகின்றன.
அந்த விதிகள் அடிப்படையில், மேலே எடுத்துக்காட்டாக, பத்திகள் நீல எழுதப்பட்டது, ஏனெனில் p {color: blue; } நடை தாள் கடந்த வருகிறது.
இந்த அடுக்கை ஒரு மிக எளிமையான விளக்கம் உள்ளது. அடுக்ககம் எவ்வாறு செயல்படுகிறது என்பதைப் பற்றி மேலும் தெரிந்துகொள்ள ஆர்வமாக இருந்தால், நீங்கள் படிக்க வேண்டும் "அடுக்கை" அடுக்கு நடைத்தாள்கள் உள்ள அர்த்தம் என்ன?
