CSS मा, तपाइँ तत्वहरू चयन गर्न सक्नुहुन्छ, class र id शैलीहरू लागू गर्न र तपाइँको वेब पृष्ठमा तत्वहरू अनुकूलित गर्न सक्नुहुन्छ। यहाँ तिनीहरूलाई कसरी प्रयोग गर्ने बारे विस्तृत गाइड छ:
तत्वहरू चयन गर्दै
एक विशिष्ट HTML तत्वको सबै उदाहरणहरू चयन गर्न, चयनकर्ताको रूपमा तत्वको नाम प्रयोग गर्नुहोस्। उदाहरणका लागि, कागजातमा p सबै ट्यागहरू चयन गर्दछ । <p>
चयन गर्दै Class
एउटै वर्गका तत्वहरू चयन गर्न, "" डट प्रयोग गर्नुहोस्। कक्षाको नाम पछि। उदाहरण को लागी, .my-class वर्ग संग सबै तत्वहरु चयन गर्दछ my-class ।
धेरै वर्गहरू भएका तत्वहरू चयन गर्न, थोप्लाहरू प्रयोग गर्नुहोस् "।" र खाली ठाउँहरू द्वारा छुट्याएको वर्ग नामहरू सूचीबद्ध गर्नुहोस्। उदाहरणका लागि, .class1.class2 दुवै class1 र class2 वर्गहरूसँग तत्वहरू चयन गर्दछ।
चयन गर्दै id
यसको द्वारा एक विशिष्ट तत्व चयन गर्न id, तत्वको पछि ह्यास "#" प्रयोग गर्नुहोस् id । उदाहरण को लागी, को #my-id साथ तत्व चयन गर्दछ id my-id ।
संयोजन Element, Class र ID चयनहरू
तपाईले तत्व, class र आईडी चयनहरू संयोजन गर्न सक्नुहुन्छ विशिष्ट वर्गहरू र ID.
उदाहरण को लागी, र को साथ तत्व div.my-class#my-id चयन गर्दछ । <div> class my-class ID my-id
class यहाँ तत्वहरू, र id CSS मा चयन गर्ने एउटा विशिष्ट उदाहरण छ:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
element, , र id चयनहरू प्रयोग गरेर class, तपाइँ सजिलैसँग तपाइँको वेब पृष्ठमा विशिष्ट तत्वहरू वा तत्वहरूको समूह चयन गर्न र शैली बनाउन सक्नुहुन्छ।