আমি সিএসএসে Alt গুণকে লক্ষ্য করার চেষ্টা করেছি। আমার সমাধানটি ফায়ারফক্স / মজিলায় কাজ করেছে, তবে সাফারি-ক্রোম / ওয়েবকিটে ব্যর্থ। কোনও ওয়েল ট্যাগ স্টাইল করার সাথে কি কোনও ভুল আছে? যদি তা না হয় তবে আপনি কীভাবে মনে করেন যে আমি ওয়েবকিটের জন্য সমস্যা সমাধান করব।
এখানে একটি উদাহরণ:
সিএসএস
img#logo[alt="Site Title"] { color: #999; font-size: 2em; }এইচটিএমএল
<img id="logo" src="" alt="Site Title" width="" height="" />উত্তর:
আমি এটি চেষ্টা করেছিলাম এবং এটি আমার পক্ষে নিখুঁতভাবে কাজ করে। মনে রাখবেন যে কোনও পাঠ্য প্রদর্শিত না হওয়ার কারণে colorএবং font-sizeবৈশিষ্ট্যে Chrome এ কোনও প্রভাব পড়বে না। (চিত্রটি খুঁজে পাওয়া না গেলে ফায়ারফক্স ওয়েল পাঠ্য প্রদর্শন করে)) প্রস্থের বৈশিষ্ট্যটি ব্যবহার করে, উদাহরণস্বরূপ, দেখায় যে এটি দুর্দান্ত কাজ করে। আপনার দেখার জন্য আমি নীচে আমার কোড পোস্ট করব।
তবে, আপনার মূল প্রশ্নের কাছে, সিএসএসে মূলত একটি "ফ্রি পাঠ্য" ক্ষেত্রটি কী তা লক্ষ্য করে দুর্ঘটনার ঝুঁকি রয়েছে। সিএসএসে পুনরুক্তিগুলি সম্পর্কে চিন্তাভাবনা না করে কোনও Alt বৈশিষ্ট্য পরিবর্তন করা খুব সহজ (কোনও শ্রেণীর নাম যেখানে এটি স্পষ্ট হওয়া উচিত তা পরিবর্তনের বিরোধিতা)।
তদতিরিক্ত, যেহেতু আপনি ইতিমধ্যে একটি আইডি লক্ষ্যবস্তু করছেন আপনার কেবল সেই নির্বাচকটি ব্যবহার করা দরকার - একটি আইডি কেবলমাত্র প্রতি পৃষ্ঠায় একবার ব্যবহার করা যেতে পারে।
<!DOCTYPE html>
<html>
<head>
<style>img#logo[alt="Site Title"] { width:200px }</style>
</head>
<body>
<img alt="Site Title" src="bullet.png" id="logo" />
</body>
</html>
যেমন ডাব্লু 3 সি সিএসএস স্পেসে অ্যাট্রিবিউট সিলেক্টর সংজ্ঞায়িত করা হয়েছে, আপনার এটি ব্যবহার করতে সক্ষম হওয়া উচিত। তবে ব্রাউজারগুলির প্রয়োগগুলি পৃথক হয় এবং কমবেশি নির্ভরযোগ্য।
আপনি যেমন সিএসএস অ্যাট্রিবিউট সিলেক্টরের জন্য সাইটপয়েন্ট রেফারেন্স সমর্থনটিতে দেখতে পাচ্ছেন , ওয়েবকিটের সমর্থন বগি। আপনি দেখতে পেলেন যে আই এর সিএসএস অ্যাট্রিবিউট সিলেক্টর সাপোর্ট এক সংস্করণ থেকে অন্য সংস্করণে পরিবর্তিত হয়।
সুতরাং এই নির্বাচকটি এখনও সমস্ত ব্রাউজার দ্বারা সমর্থিত নয়।
আরও নির্ভরযোগ্য উপায় হিসাবে, আপনার আইডি নির্বাচনকারী ব্যবহার করা উচিত, যা সমস্ত ব্রাউজার দ্বারা সমর্থিত:
# লোগো {রঙ: # 999; হরফ আকার: 2 এম; }
কিছু পরীক্ষা করার পরেও মনে হয় না ওয়েবকিট চালিত ব্রাউজারগুলি ওয়েল অ্যাট্রিবিউট পাঠ্যের স্টাইলিং সমর্থন করে। সুতরাং আপনার পর্যবেক্ষণগুলি সঠিক এবং অনিবার্য বলে মনে হচ্ছে।
সিএসএস নির্বাচক ট্যাগটি নির্বাচন করছেন, এইভাবে ট্যাগটি প্রদর্শিত হচ্ছে তা প্রভাবিত করে। খুব নিশ্চিত যে আপনি যদি নিজের চিত্রগুলি বন্ধ করেন এবং সেই জায়গায় প্রদর্শিত বিকল্প পাঠ্যটি দেখেন তবে এটি আপনার সিএসএসে লেখা আছে।
এটি ঠিক করার জন্য আপনি ওয়েবকিট প্রকল্পের জন্য একটি বাগ খুলতে চাইতে পারেন - যদি তারা মনে করেন যে ফায়ারফক্সের আচরণটি তারা সেখানে কী করতে চায়।