Dev Faq
-3
votes

Couleur de fond pour l'élément ul n'a pas fonctionné

Je veux mettre en évidence toutes les 2 lignes, comme l'image ci-dessous

Exemple Ouput

Mais je ne peux pas faire fonctionner avec l'élément UL. Voici le code https://jsfiddle.net/

4 commentaires

S'il vous plaît poster un code ou travailler Jsfiddle.

Voici le lien jsfiddle.net/p34a7gst

Il y a une question similaire ici Stackoverflow.com/Questtions/56574272/...

Il suffit d'ajouter -------------- ul {hauteur: 18px; marge: 0px; } ----------- Dans votre CSS, il fonctionnera

3 Réponses :

1
votes

Ajouter Overflow: caché code> pour ul code> car votre li code> est flottant code> xxx pré>

p> 

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<ul>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
<ul>
    <li>7</li>
    <li>8</li>
    <li>9</li>
</ul>
<ul>
    <li>10</li>
    <li>11</li>
    <li>12</li>
</ul>
<ul>
    <li>14</li>
    <li>15</li>
    <li>16</li>
</ul>

<ul>
    <li>17</li>
    <li>18</li>
    <li>19</li>
</ul>

<ul>
    <li>20</li>
    <li>21</li>
    <li>22</li>
</ul>
<ul>
    <li>23</li>
    <li>24</li>
    <li>25</li>
</ul>
<ul>
    <li>14</li>
    <li>15</li>
    <li>16</li>
</ul>

<ul>
    <li>17</li>
    <li>18</li>
    <li>19</li>
</ul>

<ul>
    <li>20</li>
    <li>21</li>
    <li>22</li>
</ul>
<ul>
    <li>23</li>
    <li>24</li>
    <li>25</li>
</ul>

2 commentaires

Bonjour @Lalji Tadhani, j'ai créé une classe personnalisée et mettre en-temps l'élément UL Cela n'a pas fonctionné. Voici le code exemple jsfiddle.net/lq51btxo

Vérifiez maintenant JSFIDDLE.net/LALJI1051/HVL93ZC2/1 Votre cible est fausse

0
votes

Vous devez cibler le li intérieur ul xxx

0 commentaires
0
votes 
<!DOCTYPE html>
<html>
<head>
<style>
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}
tr:nth-child(4n), tr:nth-child(4n-1){
  background: gray;
  color: red;
}

</style>
</head>
<body>

<h2>Striped Table</h2>
<p>For zebra-striped tables, use the nth-child() selector and add a background-color to all even (or odd) table rows:</p>

<table>
  <tr>
  <th>First Name</th>
  <th>Last Name</th>
  <th>Points</th>
  </tr>
  <tr>
  <td>Peter</td>
  <td>Griffin</td>
  <td>$100</td>
  </tr>
  <tr>
  <td>Lois</td>
  <td>Griffin</td>
  <td>$150</td>
  </tr>
  <tr>
  <td>Joe</td>
  <td>Swanson</td>
  <td>$300</td>
  </tr>
  <tr>
  <td>Cleveland</td>
  <td>Brown</td>
  <td>$250</td>
  </tr>
  <tr>
  <td>Cleveland</td>
  <td>Brown</td>
  <td>$250</td>
  </tr>
  <tr>
  <td>Cleveland</td>
  <td>Brown</td>
  <td>$250</td>
  </tr>
  <tr>
  <td>Cleveland</td>
  <td>Brown</td>
  <td>$250</td>
  </tr>
</table>

</body>
</html>
1 commentaires

J'espère que ça vous aidera ..

Articles qui pourrait vous intéresser :

Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
Select2 ne s'affiche pas correctement dans le mode bootstrap
Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Comment puis-je définir un format pour les nombres d'entrée dans Blazor