html - Isu dengan keutamaan elemen CSS.

Question

  <style>
    .Line li,.Line dt{float:left}
    .Float-R{float:right}
  </style>
  <p class="Line">
    <ul>
      <li>text1</li>
      <li>text2</li>
      <li class="Float-R">text3</li>
    </ul>
  </p>

My .Line dan .Float-R ialah gaya biasa
Li global di sini dijajarkan ke kiri. Saya mahu li yang dinyatakan berada di sebelah kanan Bagaimana saya boleh mencapai hasil yang saya inginkan tanpa menambah !important和使用#id? ?

Answer 1

kelas pseudo CSS3

Answer 2

pemilih anak ke-1

Answer 3

Dalam gaya, yang kemudian akan menimpa yang sebelumnya Anda boleh menambah apa yang anda perlukan di belakang Jika anda menentukan li, anda boleh memilihnya melalui nth-child, atau anda boleh mendapatkan nod dom melalui js dan tetapkan. gaya gaya

Answer 4

Tukar ayat kedua kepada ini
.Line li.Float-R{float:right}

Answer 5

Bagi soalan poster asal, cuma tukar ayat kedua kepada li.Float-R{float:right} dan cuba ikut peraturan keutamaan.

Answer 6

Keutamaan css adalah berdasarkan ketepatan kedudukan
Maksudnya

.Line ul li.Float-R{
float:left;
}
p.Line ul li.Float-R{
float:right;//这里会覆盖上面的样式
}

Answer 7

Tambah lebih banyak kelas untuk meningkatkan keutamaan

Answer 8

.Float-R digantikan dengan .Line li.Float-R