Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में CSS स्टाइल को ID एलिमेंट पर लागू करना जब नाम की शुरुआत समान हो और अंत भिन्न हो


पोस्ट को 'id=post' वाले div का उपयोग करके चुना जा सकता है। यह उन सभी div एलिमेंट्स को चुनेगा जिनके id में कोट्स में कोई मान होता है।

हम या तो उपयोग कर सकते हैं:

div[id*='post-'] { ... } or div[id^='post-'] { ... }.

div[id*='post-'] { ... } उन सभी div एलिमेंट्स को चुनेगा जिनके id में कोट्स में सभी मान हैं।

या हम उपयोग कर सकते हैं,

div[id^='post-'] { ... }

यह उन सभी div एलिमेंट्स को चुनेगा जिनके id कोट्स से शुरू होते हैं।


  1. HTML में <div> टैग से एलिमेंट्स कैसे स्टाइल करें? HTML में <div> टैग से एलिमेंट्स कैसे स्टाइल करें?

    ब्लॉक-लेवल सेक्शन के लिए <div> <div> टैग HTML डॉक्यूमेंट का एक सेक्शन डिफाइन करता है। बड़े ब्लॉक-लेवल एलिमेंट्स को ग्रुप करके एक साथ फॉर्मेट करने के लिए उपयोगी है। उदाहरण: ID सेलेक्टर के साथ <!DOCTYPE html> <html> <head> <title>HTML div Tag</title>

  1. HTML DOM Style flexGrow प्रॉपर्टी HTML DOM Style flexGrow प्रॉपर्टी

    HTML DOM Style flexGrow प्रॉपर्टी का उपयोग उस अनुपात को सेट करने के लिए किया जाता है जिससे कोई तत्व फ्लेक्स तत्व के अंदर अपना आकार समायोजित करता है। यह यूनिटलेस न्यूमेरिक मान स्वीकार करता है।सिंटैक्स निम्नलिखित है:flexGrow प्रॉपर्टी सेट करना:object.style.flexGrow = number|initial|inheritयहां, number

  1. HTML DOM Style flexFlow प्रॉपर्टी HTML DOM Style flexFlow प्रॉपर्टी

    HTML DOM Style flexFlow प्रॉपर्टी का उपयोग किसी तत्व के flexDirection और flexWrap प्रॉपर्टी को निर्दिष्ट करने के लिए किया जाता है। यह flexDirection और flexWrap के लिए एक शॉर्टहैंड है और उसी क्रम में मान स्वीकार करता है।सिंटैक्स निम्नलिखित है:flexFlow प्रॉपर्टी सेट करना:object.style.flexFlow = flex-d