html - tag - w3schools css




CSS সহ একটি টেবিলে প্রথম 'tr' ছাড়া সমস্ত 'tr' উপাদান নির্বাচন করুন (7)

আদর্শ সমাধান কিন্তু IE সমর্থিত নয়

tr:not(:first-child) {css}

দ্বিতীয় সমাধানটি সমস্ত ট্রের স্টাইল করতে হবে এবং তারপরে প্রথম সন্তানের জন্য CSS দিয়ে ওভাররাইড করা হবে:

tr {css}
tr:first-child {override css above}

সিএসএস সহ একটি টেবিলের প্রথম tr ছাড়া আমি কিভাবে সব tr উপাদান নির্বাচন করতে পারি?

আমি এই পদ্ধতি ব্যবহার করে চেষ্টা করেছি কিন্তু এটি কাজ করে নি যে এটি পাওয়া গেছে:

http://www.daniel-lemire.com/blog/archives/2008/08/22/how-to-select-even-or-odd-rows-in-a-table-using-css-3/


আপনি আপনার CSS এ একটি ছদ্ম শ্রেণী নির্বাচকও ব্যবহার করতে পারেন:

.desc:not(:first-child) {
    display: none;
}

ক্লাসের সাথে প্রথম উপাদানটিতে ক্লাসটি প্রয়োগ করবে না। ডিস্ক।

এখানে একটি উদাহরণ সহ একটি JSFiddle: http://jsfiddle.net/YYTFT/ , এবং এটি ছদ্ম শ্রেণীর নির্বাচকদের ব্যাখ্যা করার জন্য একটি ভাল উৎস: http://css-tricks.com/pseudo-class-selectors/


আমি অবাক হচ্ছি কেউ ভাইবোন সংযোজকগুলির ব্যবহার উল্লেখ করেছে, যা IE7 এবং পরে সমর্থিত:

tr + tr /* CSS2, adjacent sibling */
tr ~ tr /* CSS3, general sibling */

তারা উভয় ঠিক একই ভাবে কাজ করে (যেহেতু HTML টেবিলের প্রেক্ষাপটে):

tr:not(:first-child)

আরেকটি বিকল্প:

tr:nth-child(n + 2) {
    /* properties */
}

প্রথম tr বা পরবর্তী tr একটি ক্লাস যোগ করে। সিএসএসের সাথে আপনি যে সারিগুলি চান তা নির্বাচন করার কোন ক্রসব্রোজার উপায় নেই।

যাইহোক, যদি আপনি ইন্টারনেট এক্সপ্লোরার 6, 7 বা 8 সম্পর্কে উদ্বিগ্ন না হন:

tr:not(:first-child) {
    color: red;
}

যখন আপনি CSS এর দ্বারা আপনার পছন্দসই (বা চান না) নির্বাচন করতে চান তখন আপনি একটি বর্গ তৈরি করতে পারেন এবং ক্লাসটি ব্যবহার করতে পারেন।

এই লেখা দ্বারা করা হবে

<tr class="unselected">

এবং তারপরে আপনার CSS এ লাইন রয়েছে (এবং উদাহরণ হিসাবে টেক্সট-অ্যালাইন কমান্ড ব্যবহার করে):

unselected {
  text-align:center;
}



selected {
  text-align:right;
}

যেহেতু tr:not(:first-child) IE 6, 7, 8 দ্বারা সমর্থিত নয়। আপনি jQuery এর সহায়তার ব্যবহার করতে পারেন। আপনি here এটি খুঁজে পেতে পারেন





css-selectors