সিএনএস নির্বাচক ইনলাইন শৈলী বৈশিষ্ট্য দ্বারা


114

কোনও সিএনএস নির্বাচনকারী কি এর উপাদানটিকে ইনলাইন শৈলীর বৈশিষ্ট্যযুক্ত মান দ্বারা নির্বাচন করতে চান?

<div style='display:block'>...</div>

কিছুটা এইরকম

div[cssAttribute=cssValue]

উত্তর:


191

ইনলাইন styleবৈশিষ্ট্যটি অন্য কোনও এইচটিএমএল বৈশিষ্ট্যের থেকে আলাদা নয় এবং একটি স্ট্রিং বৈশিষ্ট্য নির্বাচকের সাথে মিলে যায়:

div[style*="display:block"]

এটা যে এটা কিন্তু এই খুব কারণে হয় অত্যন্ত ভঙ্গুর । অ্যাট্রিবিউট সিলেক্টরস নিয়মিত এক্সপ্রেশন সমর্থন না করে, আপনি কেবল অ্যাট্রিবিউট মানটির সঠিক স্ট্রিং ম্যাচগুলি সম্পাদন করতে পারেন । উদাহরণস্বরূপ, অ্যাট্রিবিউটের মানটিতে যদি আপনার কোনও স্থান থাকে তবে:

<div style='display: block'>...</div>

আপনি জায়গা বাছাইয়ের জন্য আপনার নির্বাচককে পরিবর্তন না করা পর্যন্ত এটি মেলে না। এবং তারপর এটি ম্যাচিং মান যে বন্ধ করবে না স্থান উপস্থিত থাকতে, যদি না আপনি সব একাধিক বিন্যাসন, বিজ্ঞাপন nauseum অন্তর্ভুক্ত। তবে আপনি যদি এমন কোনও দস্তাবেজ নিয়ে কাজ করছেন যেখানে ইনলাইন শৈলীর ঘোষণাগুলি নিজেরাই মোটেই বদলে যাওয়ার সম্ভাবনা না রাখে, আপনি ঠিকঠাক হওয়া উচিত।

এটিও নোট করুন যে এটি ডিওমে প্রতিবিম্বিত হিসাবে তাদের প্রকৃত নির্দিষ্ট, গণনা বা ব্যবহৃত মানগুলির দ্বারা নির্দিষ্ট উপাদান নির্বাচন করছে নাযে সিএসএস নির্বাচকদের সঙ্গে সম্ভব নয়।


1
এমনকি এটির প্রয়োজন হলেও খুব খারাপ, এর বাস্তব কোনও সমাধান নেই।
বোলটলক

যদি আপনি আমাদেরকে বলুন কেন আপনি তারপর আমরা সম্ভবত সাহায্য করতে পারি এই করতে হবে পারে আরো
জারিত

9
আমি কখন এটি কার্যকর হয় তার একটি উদাহরণ দেব। আমি সেলেনিয়াম ওয়েব ড্রাইভার পরীক্ষা লিখছি এবং পরীক্ষায় আসল কোডটি পরিবর্তন করতে / পছন্দ করতে চাই না। শৈলীর প্রদর্শন দ্বারা একটি নির্দিষ্ট স্বতঃপূরণ (বেশ কয়েকটি লুকানো রয়েছে) সনাক্ত করতে হবে, কারণ কোডটি অনন্য আইডির বা পিতামাতার কাঠামো সরবরাহ করে না - সেগুলি সম্ভবত কলব্যাকে <body> তে ফেলে দেওয়া হয়। তবে হ্যাঁ, আপনি দেখানোর মতো এটি ভঙ্গুর।
andersand

2
আপনার পৃষ্ঠায় hte গুগল ট্রান্সলেট অনুবাদ বার ব্যবহার করা যদি এটি আমাদের পৃষ্ঠার শীর্ষে একটি নির্দিষ্ট ডিভ যোগ করে - এবং আমাদের এনএভিএ ইতিমধ্যে স্থির হয়ে গেছে তবে এটি অত্যন্ত প্রয়োজনীয় বলে মনে করেছি। এই কৌশলটি আমাদের অনুবাদ বারটি দৃশ্যমান কিনা তা নির্ভর করে আমাদের এনএভি বারটি স্থানান্তর করতে দেয়। অনুবাদ বারটিতে স্থির ক্লাস থাকে এবং একমাত্র জিনিস যা পরিবর্তিত হয় তার প্রদর্শন শৈলী।
জাগ

3
@ আন্ডারস্যান্ড: আমার উত্তরের সম্পর্কে যথেষ্ট মন্তব্য করার পরে অবশেষে আমি এটি আপডেট করার আশেপাশে এসেছি। আমার আসল উত্তর লেখার সময় আমি সেলেনিয়াম সম্পর্কে ভাবি নি এবং আমি সম্মত হই যে এটি ইনলাইন শৈলীর বৈশিষ্ট্য নির্বাচনকারীদের জন্য সর্বাধিক বিশিষ্ট ব্যবহারের একটি বিষয়।
বোল্টক্লক

3

";" সহ আমার জন্য আরও ভাল কাজ করে

div[style*="display:block;"] 

4
এটি কারণ styleএইচটিএমএল বৈশিষ্ট্যটির সাথে গুণটি অবশ্যই মিলবে
রুসো

পুনঃটুইট করুন আমি যখন ";" এর সাথে কোনও উপাদানটির চেষ্টা করেছি তখন নির্বাচকের পক্ষে কোনও পার্থক্য নেই; এটিতে এবং নির্বাচকটিতে নয়। যতক্ষণ না অক্ষর এবং স্পেস একই থাকে ততক্ষণ এটি অন্তর্ভুক্ত করা অপ্রয়োজনীয় ;
ম্যাক্সি বার্কম্যান
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.