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