পাঠ্য নোডের জন্য কি সিএসএস নির্বাচনকারী রয়েছে?

Question

আমি কী করতে চাই (স্পষ্টতই আই-তে নয়):

p:not(.list):last-child + :text {
  margin-bottom: 10px;
}

যা একটি পাঠ্য নোডকে মার্জিন দেবে। (এটি কি সম্ভব?) কীভাবে আমি সিএসএস সহ পাঠ্য নোড পাব?

Comments

আপনি আনুমানিক ব্যবহার করে ::first-lineআনতে পারেন, যদিও নামটি থেকে বোঝা যায়, এটি কেবলমাত্র পাঠ্যের প্রথম লাইনেই প্রযোজ্য। (এছাড়াও, আমি মনে করি এটিতে কেবল কিছু সম্পত্তি সেট করা যেতে পারে)

— মার্ক গার্সিয়া

Answer 1

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

Comments

তবুও আমি মরিয়া হয়ে নিখোঁজ :: এর আগে এবং :: পরে পাঠ্য নোডে on

— shabunc

I'm nevertheless desperately missing ::before and ::after on text nodes.প্রকৃতপক্ষে. তারা ফর্ম্যাট নাও নিতে পারে তবে তারা অবশ্যই নেয় content।

— সিনিটেক

কোনও পাঠ্য নোডকে কীভাবে টার্গেট করতে হয় তা জিজ্ঞাসা করা এটি একটি সম্পূর্ণ যুক্তিসঙ্গত প্রশ্ন। আমি বুঝতে পারি যে ওপি বিশেষত "মার্জিন" বলেছিল তবে এগুলি অন্য শৈলী যা কোনও পাঠ্য নোডে প্রয়োগ করা যেতে পারে এবং যা আপনি কোনও পাঠ্য নোডে প্রয়োগ করতে চান এবং প্যারেন্ট নোডকে নয়। উদাহরণস্বরূপ, বলুন আমি পাঠ্যের নীচে একটি সীমানা নীচে চেয়েছিলাম। পাঠ্য নোডে সীমানা নীচের অংশে প্রয়োগ করার ফলে কাঙ্ক্ষিত ফল পাওয়া যাবে তবে পিতামহিক ডিভ বলতে এটি প্রয়োগ করলে পুরো ডিভের চারদিকে নীচের সীমানা তৈরি হবে। দুর্ভাগ্যক্রমে, সিএসএস আপনাকে HTML উপাদান যুক্ত করার সাথে পাঠ্য নোডকে লক্ষ্য করতে দেয় না ... কমপক্ষে এখন পর্যন্ত।

— ভি কে কে

আপনি এটির জন্য হরফ সেট করতে পারেন, অবশ্যই কাজ করে তবে অন্য কোনও স্টাইল প্রয়োগ করা হয়নি

— হামিদ বাহমানবাডি

আপনি শুধুমাত্র একটি এখন জন্য ভালো কাপড় কি করতে পারেন stackoverflow.com/questions/10645552/...

— fearis

Answer 2

আপনি CSS সহ পাঠ্য নোডগুলি লক্ষ্য করতে পারবেন না। আমি তোমার সাথে আছি; আশা করি আপনি পারতেন ... তবে আপনি পারবেন না :(

আপনি যদি <span> @ জ্যাকবের পরামর্শ অনুসারে পাঠ্য নোডটি মোড়ানো না থাকেন তবে আপনি তার পরিবর্তে আশেপাশের উপাদানটিকে দিতে paddingপারেন margin:

এইচটিএমএল

<p id="theParagraph">The text node!</p>

সিএসএস

p#theParagraph
{
    border: 1px solid red;
    padding-bottom: 10px;
}