আমি আছে divs আছে সঙ্গে একটি HTML পেজ আছে আইডি ফর্মের (গুলি) S1 , S2 ইত্যাদি।
<div id="sections">
<div id="s1">...</div>
<div id="s2">...</div>
...
</div>আমি এই বিভাগগুলি / ডিভিডসের একটি উপসেটে (আইডির উপর নির্ভর করে) একটি সিএসএস সম্পত্তি প্রয়োগ করতে চাই। যাইহোক, প্রতিবার আমি একটি ডিভ যুক্ত করার সময় , আমাকে এই বিভাগটির জন্য আলাদাভাবে সিএসএস যুক্ত করতে হবে।
//css
#s1{
...
}সিএসএসে নিয়মিত প্রকাশের মতো কিছু আছে যা আমি ডিভসের একটি সেটতে স্টাইল প্রয়োগ করতে পারি ।
উত্তর:
পূর্ববর্তী উত্তরগুলি যেমন দেখায় তেমন কোনও উপাদান হিসাবে আপনি রেজিেক্সের বিন্যাস ছাড়াই সেই উপাদানগুলি নির্বাচন করে পরিচালনা করতে পারেন, তবে প্রশ্নের সরাসরি উত্তর দিতে হ্যাঁ আপনি নির্বাচকদের মধ্যে একটি রূপরেখা ব্যবহার করতে পারেন:
#sections div[id^='s'] {
color: red;
}এটি বলে যে # সেকশন ডিভের অভ্যন্তরে এমন কোনও ডিভ উপাদান নির্বাচন করুন যা চিঠিটি 'গুলি' দিয়ে শুরু হবে ID
ঝাঁকুনি এখানে দেখুন ।
এই উত্তরের পরিপূরক হিসাবে আপনি $শেষ ম্যাচগুলি *পেতে এবং মান নামের যে কোনও জায়গায় ম্যাচগুলি পেতে ব্যবহার করতে পারেন ।
মেলে যে কোন জায়গায়: .col-md, .left-col, .col, .tricolor, ইত্যাদি
[class*="col"]শুরুতে সাথে মেলে: .col-md, .col-sm-6, ইত্যাদি
[class^="col-"]শেষের দিকে মেলে: .left-col, .right-col, ইত্যাদি
[class$="-col"]একটি আইডি বোঝানো হচ্ছে উপাদানটি অনন্যভাবে চিহ্নিত করা । এতে প্রয়োগ হওয়া কোনও শৈলীও সেই উপাদানটির জন্য অনন্য হওয়া উচিত। আপনার যদি শৈলী থাকে তবে আপনি অনেকগুলি উপাদানের কাছে প্রয়োগ করতে চান , আপনার আইডি নির্বাচকদের উপর নির্ভর না করে তাদের সকলের মধ্যে একটি ক্লাস যুক্ত করা উচিত ...
<div id="sections">
<div id="s1" class="sec">...</div>
<div id="s2" class="sec">...</div>
...
</div>এবং
.sec {
...
}বা আপনার নির্দিষ্ট ক্ষেত্রে আপনি আপনার মূল পাত্রে সমস্ত বিভাগ নির্বাচন করতে পারেন, যদি এর মধ্যে অন্য কিছু না থাকে তবে:
#sections > div {
...
}প্রথমত, এইচটিএমএল ডকুমেন্টের মধ্যে আইটেমের মিলের অনেকগুলি উপায় রয়েছে। উপলব্ধ কিছু নির্বাচক / নিদর্শনগুলি দেখুন যা আপনি কোনও উপাদানগুলিতে স্টাইলের বিধি প্রয়োগ করতে ব্যবহার করতে পারেন তা দেখতে এই রেফারেন্সটি দিয়ে শুরু করুন।
http://www.w3.org/TR/selectors/
divপ্রত্যক্ষের বংশধর সকলের সাথে মিল দিন #main।
#main > divসাথে মেলাতে divগুলি যার প্রত্যক্ষ বা পরোক্ষ উত্তরপুরুষ #main।
#main divপ্রথমটি মিলান divযা এর প্রত্যক্ষ বংশধর #sections।
#main > div:first-childdivএকটি নির্দিষ্ট বৈশিষ্ট্যের সাথে একটি মেলে ।
#main > div[foo="bar"]আপনি নিজের প্রতিটি ডিআইভিতে কেবল একটি ক্লাস যুক্ত করতে পারেন এবং নিয়মটি ক্লাসে এভাবে প্রয়োগ করতে পারেন:
এইচটিএমএল:
<div class="myclass" id="s1">...</div>
<div class="myclass" id="s2">...</div>সিএসএস:
//css
.myclass
{
...
}.thepage #someidতবে কেবল এটি উন্নত টেবিল বা তালিকার স্টাইলিংয়ে সত্যই দীর্ঘায়িত হতে পারে। এটি আপনার উত্তরের সমালোচনা এতটা
আমি সাধারণত *যখন আমি চাইত অক্ষরগুলি ধারণ করে এমন সমস্ত স্ট্রিং পেতে চাই তখন ব্যবহার করি।
* রেজেক্সে ব্যবহৃত, সমস্ত অক্ষর প্রতিস্থাপন করে।
এসএএসএস বা সিএসএসে ব্যবহৃত হ'ল [id*="s"]এটির মতো এবং এটি "এস ......" আইডি সহ সমস্ত ডোম উপাদান পাবেন।
/* add red color to all div with id s .... elements */
div[id^="s"] {
color: red;
}আমার জেনেরিক সিএসএস নিয়মিত এক্সপ্রেশন চেষ্টা করুন
(([a-z]{5,6}.*?\))|([\d.+-]?)(?![a-z\s#.()%])(\d?\.?\d?)?[a-z\d%]+)|(url\([/"'][a-z:/.]*['")]\))|(rgb|hsl)a?\(\d+%?,?\s?\d+%?,?\s?\d+%?(,\s?\d+\.?\d?)?\)|(#(\w|[\d]){3,8})|([\w]{3,8}(?=.*-))সিএসএসেও নির্দিষ্ট উপাদান নির্বাচন করার আরও একটি সহজ উপায় রয়েছে ...
#s1, #s2, #s3 {
// set css attributes here
}আপনার যদি কেবল কয়েকটি উপাদান বেছে নিতে থাকে এবং ক্লাসগুলি নিয়ে বিরক্ত করতে চান না, এটি খুব সহজেই কাজ করবে।
classএই আইডি সহ উপাদানগুলির শ্রেণি সনাক্ত করতে বৈশিষ্ট্যটি ব্যবহার করা উচিত