CSS, నకిలీ, నకిలీ: హోవర్, పిల్లల, లక్ష్యం

HTML మరియు CSS కలపడం ద్వారా, మీరు ఖచ్చితంగా వెబ్ పేజీల అన్ని అంశాలు నియంత్రించవచ్చు. శైలులు మీకు సులభంగా ఏ బ్లాక్ లేదా లైన్ రూపాన్ని మార్చవచ్చు. ఒక ప్రత్యేక భాగంగా లేదా ఒక నిర్దిష్ట రాష్ట్రంగా ఉన్నప్పటికీ, మూలకం కూడా కాదు రూపాన్ని మార్చడానికి - తరచుగా మరింత క్లిష్టమైన విధిని నిర్వహించడానికి అవసరం Coder. ఈ సందర్భంలో, సూడో CSS సాయం చేయడానికి.

మార్కప్ లో రోజువారీ తరగతులను అదే సూత్రం సూడో-ఆపరేట్, కానీ భౌతికంగా వారు ఇక్కడ వుండవు. వారు అంశాలు సాధారణ సెలెక్టర్ ఎంచుకోండి చెయ్యలేని పత్రం సమాచారాన్ని, లో చేర్చబడలేదు ఆధారంగా ఎంపిక చేయవచ్చు. ఇక్కడ ఒక చిన్న ఉదాహరణ: మీరు ఒక ఎర్ర బటన్ కలిగి, మరియు మీరు అది నీలం మారింది హోవర్ చేసినప్పుడు మీరు. సిద్ధాంతపరంగా, ఇది జావాస్క్రిప్ట్ లో అమలు చేయవచ్చు, కానీ ఎందుకు అలా కష్టం? మరింత సౌకర్యవంతంగా ఒక ఉపయోగించడానికి : CSS హోవర్. దాని సహాయంతో మీరు ఏ యూనిట్ ఉన్నప్పుడు మాత్రమే మౌస్ కర్సర్ రావొచ్చు అని పారామితులు ఇస్తాయి.

CSS సూడో-తరగతుల యొక్క జాబితా క్రమం తప్పకుండా అప్డేట్ చెయ్యబడతాయి. బహుశా, ఈ విషయం అనేక కొత్త కనిపిస్తుంది చదివి అయితే. ప్రారంభించడానికి, నిర్దేశం CSS3 లో కనిపించింది వాటిని పరిగణలోకి.

: N వ-రకం

మీరు ఒకదాని రంగులు, అంటే ఉపయోగించడానికి కావలసిన దీనిలో ఒక జాబితా అనుకుందాం, మొదటి లైన్, ఉదాహరణకు, ఎరుపు అక్షరాలలో వ్రాయబడింది, మరియు రెండవ కోసం - .. బ్లూ, నీలం మళ్ళీ మళ్ళీ మూడో ఎరుపు, నాలుగవ స్థానం. గతంలో, మీరు కొత్త తరగతులు ఏర్పరచాలి. గత లేఅవుట్ ఒక తరగతి జాబితాలో ప్రతి మూలకం జోడించబడింది, ఆపై శైలి లో వారి ప్రదర్శన మార్చబడింది. ఇది చాలా సౌకర్యవంతంగా మరియు కలుషితం లేఅవుట్ కాదు.

ఇప్పుడు ప్రతిదీ సులభం. ఆఫ్ రకం n వ-: CSS సూడో క్లాస్ ఉపయోగించండి. ఈ మార్కప్ ఏదైనా మారుతున్న లేకుండా, అవసరమైన దృశ్యమాన ప్రభావం పొందుటకు అవకాశం ఇస్తుంది. సూత్రం సులభం: మీరు ఒక సెలెక్టర్ నమోదు, మరియు బ్రాకెట్లలో పేరు తర్వాత ఒక ఫార్ములా లేదా అవసరమైన అంశాలను కనుగొంటారు ఒక కీవర్డ్ వ్రాయండి. ఉదాహరణకు ,: n వ-యొక్క-రకం (కూడా) అన్ని శక్తులు కూడా, మరియు: n వ-యొక్క-రకం (బేసి) - ది బేసి. సూత్రాలు పెద్ద సంఖ్యలో ఖచ్చితంగా నియంత్రించడానికి ఉపయోగిస్తారు ఉన్నాయి. బ్రాకెట్లలో సాధ్యం సంఖ్య సూచిస్తుంది - ఈ సందర్భంలో శైలులు లో దీని ఇండెక్స్ ఈ సంఖ్య సమానము మూలకం అన్వయించటం.

: N వ సంతానం

చర్య యొక్క సూత్రం ఈ CSS సూడో క్లాస్ మునుపటి మాదిరిగానే ఉంది, కానీ వలె ఎంచుకున్న అంశం పిల్లలతో ప్రత్యేకంగా పనిచేస్తుంది. n వ సంతానం, ఎందుకంటే

మాతృ
• : ఉదాహరణకు, మీరు జాబితాలో
• టాగ్లు రూపాన్ని అనుకూలీకరించడానికి దానిని ఉపయోగించడానికి కావాలా, మీరు ఉల్ డిజైన్ ఉపయోగించాలి.

  సూత్రం యొక్క ఖచ్చితమైన నియంత్రణ కోసం ఉపయోగించవచ్చు. వారు ఒక అనుభవశూన్యుడు కోసం చాలా కష్టం, కానీ అది ప్రతిదీ సులభంగా అవుతుంది ఎలా వాక్యనిర్మాణం కొంచెం లోతుగా విలువ. సూత్రాలు ఈ క్రింది విధంగా ఉన్నాయి: ఒక + b, ఒక - ఆఫ్సెట్ - ఒక అంశం, మరియు బి ఉంది. ఉదాహరణకు, n సూచించడానికి కుండలీకరణములలో ఉంటే, అన్ని బాల ఎలిమెంట్ల (ఇది ఒక రూపంలో అదనపు షరతులు పేర్కొనబడలేదు ఎందుకంటే బి) మిధ్యా ఎంపిక. మీరు n + 2, మొదటి తప్ప అన్ని అంశాలను పేర్కొనవచ్చు (ఆఫ్సెట్ రెండు సమాన ఎందుకంటే) ఎంచుకుంటారు. అన్ని యొక్క ఉత్తమ, ఆచరణలో అధ్యయనం ఈ సమయంలో. పిల్లల భాగాలు మరియు వివిధ సూత్రాలను తో ప్రయోగం.

  : చివరి సంతానం

  ప్రతిదీ సులభం. CSS చైల్డ్ సూడో-తరగతులకు నిర్దిష్ట అంశాన్ని ఎంచుకుని చేయడానికి ఉపయోగిస్తారు. ఈ మాతృ భాగం యొక్క చివరి శిశువు ఎంపిక. చాలా తరచుగా పట్టిక యొక్క చివరి వరుసలో ఎంచుకోండి లేదా తదుపరి లైన్ దాని బదిలీ నివారించేందుకు గత బ్లాక్ నుండి ఇండెంటేషన్ని తొలగించడానికి, ఉదాహరణకు, ఉపయోగిస్తారు.

  : N వ-చివరి పిల్లల

  అంశాలను ఉపయోగించి ఉన్నప్పుడు పైకి వెళ్ళడం ఆపరేషన్ సూత్రం ద్వారా ఇంతకుముందు పేర్కొన్న n వ సంతానం పోలి అంటే. E. ఉంది, కానీ వ్యతిరేక దిశలో పనిచేస్తుంది. మీరు గత కొన్ని అంశాలను కనుగొనడానికి అవసరం ఉంటే ఈ ఉపయోగకరంగా ఉంటుంది.

  మీరు విషయాలు సంప్రదాయ తరగతులలో బాగా పని పొందవచ్చు నుండి ఈ సూడో-తరగతులు మరియు సూడో-అంశాలు, పనికిరాని CSS అని అనుకుంటున్నాను ఉండవచ్చు. ఈ కాబట్టి ఉంది. : N వ సంతానం ,: nth- చివరి పిల్లల - బ్లాక్ పిల్లలు ఒక భారీ సంఖ్యలో సందర్బాలలో, ఉదాహరణకు మరియు వారి పోలికలు పెద్ద ప్రాజెక్టులు పని చేసినప్పుడు చాలా సౌకర్యవంతంగా ఉంటాయి. మాన్యువల్గా ఏర్పాట్లు తరగతులు దీర్ఘ మరియు హార్డ్.

  సూడో-రాష్ట్ర నియంత్రణ

  మీరు ఒక ప్రత్యేక దేశం లో ఒక మూలకం యొక్క రూపాన్ని మార్చడానికి అవసరం ఉంటే? ఈ సందర్భంలో CSS సూడో-క్లిక్, గురిపెట్టి మరియు ఇతర చర్యలు అందిస్తుంది. మాకు వివరాలు వాటిని పరిశీలించడానికి లెట్.

  : లింక్

  ఈ నకిలీ CSS సూచనలు, అన్ని కాదు, కానీ ఇంకా సందర్శించిన లేదు పొందలేము. అది మీరు వినియోగదారు ఇంకా ఆమోదించబడలేదు ఇది కోసం అంశాలు , కోసం శైలులు పేర్కొనవచ్చు.

  : సందర్శించిన

  అప్పటికే సందర్శించారు లింకులు నియంత్రించే మునుపటి అవతారం, ఒక అనలాగ్. ఈ రెండు నకిలీ తరగతులను కలిపి, మీరు అవసరం ఖచ్చితంగా టాగ్లు రూపాన్ని అనుకూలీకరించవచ్చు. అయితే రాష్ట్రాలు నిర్దిష్ట బ్రౌజర్ లెక్కించి మరియు చికిత్స చరిత్ర అనంతరం డిశ్చార్జి గమనించండి.

  సూడో-తరగతి: లక్ష్యం CSS

  కొంత వరకు ఉపయోగించుకుంటే ఇది అత్యంత ఆసక్తికరమైన మిధ్యా తరగతులు, ఒకటి జావాస్క్రిప్ట్ భర్తీ. ఇది ఐడెంటిఫైయర్ పేజీ వరుస చిరునామా చేర్చబడిన నియంత్రణ అనుమతిస్తుంది. అవును, అది కష్టం మొదటిసారి అర్థం. ఉదాహరణకు అన్వయించడం ప్రయత్నించండి.

  id1, id2, id3: మేము కొన్ని ఐడితో పేజీ 3 బ్లాక్స్ div ఉన్నాయి అనుకోండి. # Id1, # id2: మేము కూడా href ఇదే విలువలకు మూడు లింకులు కలిగి # id3. మీరు సంబంధిత id లింక్ తరువాత పేజీ వరుస చిరునామా లో మొదటి లింక్పై క్లిక్ చేసినప్పుడు పేజీకి ఉంటుంది.

  పేర్కొన్న ఆస్తి ప్రదర్శన అన్ని బ్లాక్స్ div కోసం CSS: none ఉంది, అవి డిఫాల్ట్గా చూపబడవు ఆ. మేము లక్ష్యంగా ఉపయోగించండి: div మరియు అది ఒక ఆస్తి ప్రదర్శన ఇవ్వాలని: బ్లాక్. ఇప్పుడు, మీరు కొన్ని href లింకులు క్లిక్ చేసినప్పుడు, సంబంధిత ఐడితో బ్లాక్స్ ప్రదర్శన కేటాయించబడుతుంది: బ్లాక్, మరియు అందువలన, వారు పేజీలో కనిపిస్తాయి ప్రారంభమవుతుంది! మీరు = http href లింక్ క్లిక్ చేసినప్పుడు: // సైట్ / వ్యాసం / 319683 /% E2% 80% 9D # id1% E2% 80% 9D అందువలన న id1 బ్లాక్, మరియు ఉంటుంది ..

  ఇప్పటికీ అర్థం లేదు? ప్రయోగం ప్రయత్నించండి. పైన వివరించిన ఒక పేజీ లేఅవుట్ మరియు శైలులు సృష్టించు. కొన్ని నిమిషాల తరువాత మీరు ఒక గొప్ప వ్యక్తిగా ప్రతిదీ కలిగి.

  ఏ మూలకం వర్తింప చేసే సూడో

  ఉద్యోగం కోసం అవసరం పైన వర్ణించిన సూడో-లింకులు చాలా. అయితే, అన్ని అంశాలను అవసరం. అనేక ఆకారాలను పూర్తిగా పేజీ యొక్క ఏ భాగం దరఖాస్తు చేయవచ్చు.

  • : చురుకుగా యూజర్ ఎడమ మౌస్ బటన్ క్లిక్ ఇది శైలి మూలకాల ఉపయోగిస్తారు;
  • : హోవర్ - అంశాలు ఇది కోసం CSS యూజర్ పైగా hovers;
  • : దృష్టి - దృష్టి లో ఇప్పుడు ఇవి పేజీ యొక్క ఆ పార్ట్శ్ కోసం. ఈ నకిలీ తరగతి తరచుగా రూపాలు పని ఉపయోగిస్తారు. ఉదాహరణకు, మీరు సందర్శకుల అది పైగా కర్సర్ అమర్చుతుంది మరియు డైల్ అక్షరాలు బయలుదేరినప్పుడు, వాడుకరి పేరు ప్రాంప్ట్ ఎంచుకోండి ఉంటే.

  క్రియాశీల మాత్రమే నొక్కడం సమయంలో చెల్లుబాటు అయ్యే: గుర్తుంచుకోండి. ఎడమ మౌస్ బటన్ రద్దు కనిపించదు శైలులు సహాయంతో సెట్ వెంటనే మరియు అది అప్రమేయంగా ప్రదర్శించబడుతుంది వంటి అంశం ప్రదర్శించబడుతుంది. చాలా సందర్భాలలో, ఈ నకిలీ తరగతి బటన్లు తో పని చేయడానికి అలవాటు. మీరు రాష్ట్రాల్లో పెద్ద సంఖ్యలో వాటిని సెట్ చేయవచ్చు. , ఆకుపచ్చ నొక్కడం - - ఉదాహరణకు, డిఫాల్ట్ బటన్ నీలం, హోవర్ ఉంది ఎరుపు, etc ...

  వాస్తవానికి, కేవలం నకిలీ తరగతులను పూర్తిగా ఆధునిక బ్రౌజర్లలో మద్దతు. ఉదాహరణకు, IE6 మరియు 7 మాత్రమే IE6 రిఫరెన్స్ పని కోసం దృష్టి, మరియు హోవర్ మరియు క్రియాశీల ఉపయోగించడానికి చేయలేరు. ఆశాజనక, మీరు ఈ బ్రౌజర్ తో పని ఉండదు, కానీ మీరు ఇప్పటికీ పుట్టుకొచ్చిన అవసరం ఉంటే, నియత వ్యాఖ్యలు ఉపయోగించవచ్చు.

  అదనపు నకిలీ

  జాబితాలో పైన పేర్కొన్న ఎంపికలు ఇక్కడితో ఆగిపోదు. మాత్రమే ఇందులో మూలకాలు స్వాధీనం చేయవచ్చు ఆధునిక CSS కృతజ్ఞతలు (ప్రారంభించబడి) లేదా కేవలం కటౌట్ (: వికలాంగ), మాత్రమే గుర్తించబడింది చెక్బాక్స్ మరియు రేడియో స్విచ్లు (: తనిఖీ). క్లుప్తంగా మీరు మరింత సునిశితంగా నియంత్రణ కంటెంట్ రూపాన్ని కోసం ఉపయోగించే మరికొన్ని ఎంపికలు వివరిస్తాయి.

  • : మాత్రమే సంతానం - ఇది ఏకైక సంతానం అంశం మూలకం శైలి దరఖాస్తు సాధ్యం flushes;
  • : Lang - భాష lang గుణం ఉపయోగించి ఇచ్చిన ఆ అంశాలతో పని;
  • : రూట్ - రూట్ మూలకం ఎంచుకోండి ఉపయోగిస్తారు. దీని ప్రకారం, ఇటువంటి ఒక HTML ట్యాగ్ ;
  • : కాదు - చాలా శక్తివంతమైన సాధనం. ఇది మీరు సెలెక్టర్ల కొన్ని శైలులు ఉపయోగించడం పరిమితం చేయడానికి అనుమతిస్తుంది. .blue రంగు: కాదు (span ఇక్కడ ఒక ఉదాహరణ ఉంది ). వారు లేకుంటే మెకాంగ్ నీలి రంగు అన్ని అంశాలను ఒక సెలెక్టర్ ఒక శైలి దరఖాస్తు.

  సూడో-తరగతుల పూర్తి జాబితా ఒకటి పేజీలో విస్తరించి సాధ్యం కాదు. చాలా వెబ్ డిజైనర్లు ఆచరణలో జావాస్క్రిప్ట్ తో పరిస్థితి నిర్వహించేందుకు ఎంచుకుంది కేవలం వాటిని కొన్ని, ఉపయోగించడానికి. అవును, ఇది అనుకూలమైన వార్తలు, కానీ తగిన నకిలీ ఉపయోగించి మరింత సమర్థవంతమైన ఫలితాలు సులభంగా సాధించవచ్చు అవుతుంది, ఇక్కడ కొన్ని క్షణాలు ఉన్నాయి.