2017-09-27 1 views
0

Mon code Html est FirstStep_CustomDates_e1baeca1-5e06-43f2-96fc-5fd3f262c5fd__Value_timepickerpremier match et dernière partie d'un ID d'élément avec css

Les chiffres entre « FirstStep_customeDates » et « _Value_timepicker » changera dynamiquement.

L'exigence est i doit correspondre au texte qui est préfixe et le suffixe au numéro

css=a[id^='FirstStep_customeDates' and id$='_Value_timepicker'] 
+0

Voir: [Comment faire X?] (Https://meta.stackoverflow.com/questions/253069/whats-the-appropriate-new-current-close-reason-for-how-do-i-do- x) L'attente en SO est que l'utilisateur posant une question fait non seulement de la recherche pour répondre à sa propre question mais partage aussi cette recherche, tentatives de code, et résultats. Cela démontre que vous avez pris le temps d'essayer de vous aider, cela nous évite de répéter des réponses évidentes, et surtout, cela vous aide à obtenir une réponse plus spécifique et pertinente! Voir aussi: [demander] – JeffC

Répondre

4

Vous pouvez combiner ces exigences comme ceci:

a[id^='FirstStep_CustomDates'][id$='_Value_timepicker'] { 
 
    color: red; 
 
}
<a href="" id="FirstStep_CustomDates_e1baeca1-5e06-43f2-96fc-5fd3f262c5fd__Value_timepicker">I should be red</a> 
 
<br> 
 
<a href="" id="FirstStep_CustomDates_e1baeca1-5e06-43f2-9dssdffssdf6fc-5fd3f262c5fd__Value_timepicker">I should be red</a> 
 
<br> 
 
<a href="" id="test">I should not be red</a>

0

S'il vous plaît référence https://www.w3.org/TR/css3-selectors/

E [foo^= "bar"] un élément E dont "foo" valeur d'attribut commence exactement avec la chaîne "bar"

E [foo $ = "bar"] un élément E dont "foo" valeur de l'attribut se termine exactement avec la chaîne "bar"

Voici un exemple:

div[id$="Value_timepicker"] { 
 
    color:red 
 
} 
 

 
div[id^="FirstStep_CustomDates"] { 
 
    color:blue; 
 
}
<div id="FirstStep_CustomDates_e1baeca1-5e06-43f2-96fc-5fd3f262c5fd__Value_timepicker">one div</div>