শেষ সন্তানের শেষ সন্তানের শৈলী যোগ করুন

enter image description here

This is an image of my code. I have a footer-container inside which there are several footer-content classes, each of which contains a

tag and then a tag. I want to apply a style to span of the last footer-content

This is what it looks like I want to remove the last - after risk analysis enter image description here

আমি এটা চেষ্টা করেছি

.footer-container: শেষ-সন্তানের: শেষ-শিশু {   প্রদর্শন: কেউ না; }

কিন্তু এই সব স্প্যান ট্যাগ লুকায়

0
: শেষ-সন্তান জিজ্ঞেস করে আমি কি আমার পিতামাতার শেষ সন্তান? , না আমার শেষ সন্তানের উপাদান কে?
যোগ লেখক connexo, উৎস
এগুলি span.footer-dash তৈরি করার পরিবর্তে আপনি কেবল CSS ব্যবহার করে এটি করতে পারেন: .footer-content: না (: শেষ-সন্তানের): {content: "-" ; } প্রয়োজনীয় হিসাবে স্টাইল প্রয়োগ করুন।
যোগ লেখক connexo, উৎস
প্রথম : শেষ-সন্তানের আগে অনুপস্থিত স্থান
যোগ লেখক Temani Afif, উৎস
SelectorGadget নামে একটি ব্রাউজার টুল পান। আপনি নির্দিষ্ট উপাদানের দিকে এটি সংকীর্ণ করতে পারেন এবং এটি আপনাকে সেই নির্দিষ্ট উপাদানটি শৈলী করার জন্য সিএসএস নির্বাচকদের বলবে। আপনি শিখতে সাহায্য করবে
যোগ লেখক Adam, উৎস

6 উত্তর

Edit: To create those dashes between your entries, instead of creating those span.footer-dash at all, you can do that using CSS only:

.footer-content:not(:last-child) .footer-item::after { 
  content: "-";
  color: #666;
  padding: 0 20px;
}

প্রয়োজন হিসাবে স্টাইল প্রয়োগ করুন। নির্বাচক নিশ্চিত করে যে শেষ উপাদানটির পরে ড্যাশটি যোগ করা হয় না, তাই এটি যদি প্রথম স্থানে না থাকে তবে কিছু লুকাতে হবে না।


:last-child asks Am I the last child of my parent?, not Who is my last child element? (which your selector suggests you think).

তাই বংশবৃদ্ধি নির্বাচক (স্থান) ব্যবহার করুন:

.footer-container :last-child :last-child  {
  display: none;
}

অথবা এটি সঠিক শিশু উপাদানের উপর ব্যবহার করুন:

.footer-content:last-child :last-child  {
  display: none;
}

দয়া করে নোট করুন যে : শেষ-সন্তানের ব্যবহারটি সাবধানে করা উচিত কারণ এটি আপনার স্টাফকে DOM কাঠামোর সাথে খুব ঘনিষ্ঠভাবে সংযুক্ত করে (যা আপনি পরবর্তীতে পরিবর্তন করতে চাইতে পারেন)।

আমি আপনাকে এই মত পরিবর্তন করতে পরামর্শ দিতে চাই:

.footer-content:last-child .footer-dash  {
  display: none;
}

: শেষ-সন্তানের সিএসএস ছদ্ম-শ্রেণী ভাইবোনদের একটি গোষ্ঠীর মধ্যে শেষ উপাদানটি উপস্থাপন করে।

/* Selects any 
that is the last element among its siblings */ p:last-child { color: lime; }

https://developer.mozilla.org/ স্বীকারোক্তি-মার্কিন/ডক্স/ওয়েব/সিএসএস /: শেষ সন্তান ?

3
যোগ

যে নির্বাচক হতে হবে

.footer-container :last-child :last-child { ... }

( .footer-container এর পরে স্থান)

2
যোগ

এই কোড কাজ করা উচিত:

.footer-container:last-child>:last-child  {
  display: none;
}

Using a space will target all the elements that are last children inside .footer-container:last-child, while using > will target the last child of .footer-container:last-child only.

2
যোগ
একটি স্থান ব্যবহার করে সমস্ত উপাদানগুলিকে লক্ষ্যবস্তু করা হবে আপনার নির্বাচক একটি স্থান ব্যবহার করছেন না।
যোগ লেখক connexo, উৎস
হ্যাঁ। একটি স্থান ব্যবহার করে শেষ সন্তানের শুধুমাত্র শেষ সন্তানের পরিবর্তে, শেষ সন্তানের সব শেষ সন্তান (নাতিমালা অন্তর্ভুক্ত) লক্ষ্য করবে।
যোগ লেখক D. Pardal, উৎস

আমি এই আপনাকে সাহায্য করা উচিত মনে হয়

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

.footer-container .footer-content:last-child{
        background-color:red;
  }
<!DOCTYPE HTML>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Css practice</title>

</head>
<body>
   
   <div class="footer-container">
        <div class="footer-content">
        
Section Number 1

</div> <div class="footer-content">
Section Number 2

</div> <div class="footer-content">
Section Number 3

</div> <div class="footer-content">
Section Number 4

</div> </div> </body> </html>
</div> </div>
1
যোগ

আপনি শুধু যোগ করতে পারেন:

.footer-container .footer-content:last-child .footer-dash  {
  display: none;
}

As per the Q - I want to remove the last - after risk analysis

এই শুধু আপনার জন্য সূক্ষ্ম কাজ করবে। এটি : শেষ-সন্তানের সিএসএস নির্বাচন দ্বারা প্রভাবিত হতে পারে এমন অন্যান্য উপাদানগুলিকে .footer-content এর ভিতরে সামগ্রীটির ক্রম পরিবর্তন করে।

0
যোগ

এটা চেষ্টা কর:

.footer-container .footer-content:last-child span {
    /* CSS here */
}
0
যোগ