CSSలో కంటెంట్‌ని మార్చడం గురించి ఈ వ్రాత మీకు మార్గనిర్దేశం చేస్తుంది.
CSSలో కంటెంట్‌ని ఎలా మార్చాలి?
CSSలో కంటెంట్‌ని మార్చడానికి, మేము ఈ క్రింది పద్ధతులను ఉపయోగిస్తాము:
ఒక్కో పద్ధతిని ఒక్కొక్కటిగా పరిశీలిద్దాం!
విధానం 1: CSSలో కంటెంట్‌ను మార్చడానికి :: కంటెంట్ ప్రాపర్టీతో సెలెక్టర్ తర్వాత ఉపయోగించండి
ది ' :: తర్వాత 'సెలెక్టర్ CSSని ఉపయోగించి HTML మూలకం తర్వాత పేర్కొన్న కంటెంట్‌ను ఉంచుతుంది' విషయము ”ఆస్తి. ఎంచుకున్న మూలకానికి కంటెంట్‌ని జోడించడంలో ఈ ఆపరేషన్ సహాయపడుతుంది. అదనంగా, ' ప్రదర్శన ” ఇప్పటికే ఉన్న కంటెంట్‌ను దాచడానికి ఆస్తిని ఉపయోగించవచ్చు.
::ఆఫ్టర్ సెలెక్టర్‌ని ఉపయోగించి CSSలోని కంటెంట్‌ని ఎలా మార్చాలో అర్థం చేసుకోవడానికి దిగువ ఉదాహరణను చూద్దాం.
ఉదాహరణ
'' అనే వచనంతో మా HTML పేజీ ఇక్కడ ఉంది శుభోదయం!!! ”. జోడించిన కంటెంట్‌ను భర్తీ చేద్దాం:
ప్రస్తుతం, మేము జోడించాము ' ' మా HTML ఫైల్ యొక్క బాడీ విభాగంలో టెక్స్ట్‌తో ట్యాగ్ చేయండి:
< p > శుభోదయం!!! < / p >మా CSS ఫైల్‌లో, మనం ఇప్పుడు ::అఫ్టర్ సెలెక్టర్‌ని “”గా ఉపయోగిస్తాము. శరీరం :: తర్వాత 'మరియు' ఉపయోగించండి విషయము 'విలువతో ఆస్తి' శుభ సాయంత్రం ” దాని నిర్వచనం లోపల. ఫలితంగా, CSS ఎంపిక సాధనం వ్రాసిన వచనం తర్వాత వచనాన్ని ఉంచుతుంది. చివరగా, 'ని ఉపయోగించి ఇప్పటికే ఉన్న వచనాన్ని దాచండి ప్రదర్శన 'ఆస్తి మరియు దాని విలువను సెట్ చేయండి' ఏదీ లేదు ”:
< శైలి >శరీరం :: తర్వాత {
విషయము : 'శుభ సాయంత్రం' ;
}
p {
ప్రదర్శన: ఏదీ లేదు;
}
< / శైలి >
ఇప్పుడు, మీ HTML ఫైల్‌ను సేవ్ చేయండి మరియు దానిని బ్రౌజర్‌లో తెరవండి లేదా ఉపయోగించండి “లైవ్ సర్వర్ 'అదే ప్రయోజనం కోసం:
మీరు చూడగలిగినట్లుగా, కంటెంట్ విజయవంతంగా మార్చబడింది ::ఆఫ్టర్ CSS సెలెక్టర్:
విధానం 2: CSSలో కంటెంట్‌ను మార్చడానికి :: కంటెంట్ ప్రాపర్టీతో సెలెక్టర్‌కు ముందు ఉపయోగించండి
CSS లో, ' :: ముందు ” ఎలిమెంట్ యొక్క ప్రస్తుత కంటెంట్ కంటే ముందు కంటెంట్ కనిపించేలా చేయడానికి సెలెక్టర్ ఉపయోగించబడుతుంది. ఇది 'తో కలిపి ఉపయోగించవచ్చు విషయము ” ఎంచుకున్న మూలకానికి కొత్త కంటెంట్‌ని జోడించడానికి ఆస్తి.
ఉదాహరణ
సెలెక్టర్‌కు ముందు :: శరీరం తర్వాత ' ఇలా పేర్కొనండి శరీరం :: ముందు ”. ఇది ఇప్పటికే ఉన్న కంటెంట్ కంటే కొత్త కంటెంట్‌ను ఉంచుతుంది. అన్ని ఇతర లక్షణాలు మునుపటి ఉదాహరణలో వలెనే ఉన్నాయని గమనించండి:
< శైలి >శరీరం :: ముందు {
విషయము : 'శుభ సాయంత్రం' ;
}
p {
ప్రదర్శన: ఏదీ లేదు;
}
< / శైలి >
అవుట్‌పుట్
CSSలో కంటెంట్‌ని మార్చడానికి మేము వివిధ పద్ధతులను వివరించాము.
ముగింపు
కంటెంట్‌ని మార్చడానికి, ' :: తర్వాత 'మరియు' :: ముందు 'CSS సెలెక్టర్లు'తో ఉపయోగించబడతాయి విషయము ”ఆస్తి. మొదటి విధానంలో, ఎంచుకున్న మూలకం తర్వాత పేర్కొన్న టెక్స్ట్ జోడించబడుతుంది, అయితే రెండవ CSS సెలెక్టర్ దీనికి విరుద్ధంగా పనిచేస్తుంది. అంతేకాకుండా, ' ప్రదర్శన ”ఒక మూలకం యొక్క ప్రస్తుత కంటెంట్‌ను దాచడానికి ఆస్తిని ఉపయోగించవచ్చు. ఈ విధంగా CSSలో కంటెంట్ పూర్తిగా మార్చబడుతుంది. CSSలో కంటెంట్‌ని మార్చే రెండు పద్ధతులను మేము కవర్ చేసాము.