वेब कॅप्चर आणि रूपांतरित करण्यासाठी साधने

ग्रॅबझीट मध्ये सीएसएस निवडकर्ता वापरणे

सीएसएस निवडकर्ते लक्ष्य घटकात वापरले जातात, घटक लपवतात आणि एक किंवा अधिक HTML घटक ओळखण्यासाठी घटक वैशिष्ट्यांची प्रतीक्षा करतात. सीएसएस निवडण्याचे दोन मुख्य प्रकार म्हणजे एकतर आयडी किंवा वर्गानुसार निवडणे. एचटीएमएल घटकास एक आयडी असतो जर त्यात खाली दर्शविल्याप्रमाणे आयडी विशेषता असेल.

<span id="myidentifier">Example Text</span>

ते निवडण्यासाठी आपण एक सीएसएस निवडकर्ता तयार करा #myidentifier

एचटीएमएल घटकाचा वर्ग असल्यास या उदाहरणात दर्शविल्यानुसार त्याचे वर्ग गुणधर्म असतील.

<div>
<span class="myclass">Example Text One</span>
<span class="myclass">Example Text Two</span>
<span class="myclass">Example Text Three</span>
</div>

ते निवडण्यासाठी आपण एक सीएसएस निवडकर्ता तयार करा .myclass

आपण वर्ग सह एक विशिष्ट घटक निवडायचे असल्यास myclass या प्रकरणात तसे करण्यासाठी आपण मानक सीएसएस निवडकर्ता वापरू शकता नववा मूल (2) याप्रमाणे निवडकर्ता: .myclass:nth-child(2) दुसरे मायक्लास कालावधी निवडण्यासाठी. तथापि हे केवळ या प्रकरणात कार्य करेल कारण पालक विभाग घटका अंतर्गत इतर कोणतेही घटक नाहीत. उदाहरणार्थ एपी घटक असल्यास ते नवव्या मुलाच्या निर्देशांकात बदल करेल.

युनिक आयडी किंवा वर्गाशिवाय HTML घटक निवडा

कधीकधी आपल्याला निवडण्यासाठी आवश्यक असलेल्या HTML घटकात एक आयडी किंवा वर्ग नसतो जो पृष्ठामध्ये अद्वितीय असतो. हे एचटीएमएल घटक निवडताना, अधिक जटिल सीएसएस निवडकर्ता आवश्यक आहे.

<div class="Header">
   <a href="https://www.example.com/">
     <div>...</div>
   </a>
   <div class="SearchBar">...</div>
   <div class="TagLine">...</div>
</div>

उदाहरणार्थ, उदाहरणार्थ, वरील आम्हाला दुव्यामध्ये डीआयव्ही घटक निवडायचे आहेत. हे करण्यासाठी, आम्हाला एक एसएसएस निवडकर्ता निर्दिष्ट करण्याची आवश्यकता आहे जी अद्वितीय डीआयव्हीपासून खाली कार्य करते Header वर्ग.

div.Header a div

सीएसएस निवडकर्ते वेब विकासाचे एक मानक वैशिष्ट्य आहेत. हा लेख एक चांगला विहंगावलोकन देतो सीएसएस निवडकर्ता कसे वापरावे.

एकाधिक जुळणारे घटक हाताळणे

एका सीएसएस निवडकर्त्याकडून एकाधिक एचटीएमएल घटक परत केले असल्यास आणि आपण लक्ष्य घटक वापरत असाल किंवा घटक वैशिष्ट्यांसाठी प्रतीक्षा करत असाल तर फक्त प्रथम जुळणारे घटक वापरले जातील. तथापि आपण लपवा घटक वैशिष्ट्य वापरत असल्यास सर्व जुळणारे HTML घटक लपवले जातील.

आपण विविध आयडी किंवा वर्गांसह एकाधिक घटक लपवू इच्छित असल्यास आपण प्रत्येक सीएसएस निवडकर्त्यास स्वल्पविरामाने विभक्त करून असे करू शकता. उदाहरणार्थ उदाहरणार्थ क्लास आणि आयडी वर लपविण्यासाठी आपण खालील गोष्टी वापरता #myidentifier,.myclass