I need to style this div:
<div id="[email protected]"></div>
How do I select all of those divs with a different id at once ?
Asked
Active
Viewed 58 times
-1
Bhuwan
- 16,525
- 5
- 34
- 57
Treant Fotwenty
- 11
- 6
-
1Please add more detail. What template are you using? - is the @pool.PoolId variable? If so you can use `[id^=standings-]` – mplungjan Jan 22 '18 at 13:37
-
You have to use JavaScript or JQuery for that. – AA Shakil Jan 22 '18 at 13:45
-
assign each div the same class and style the class – FrontTheMachine Jan 22 '18 at 13:46
-
Thanks @mplungjan , worked like a charm! – Treant Fotwenty Jan 22 '18 at 14:45
1 Answers
0
If in your id standings substring is fixed, you can use css selectors for this like
div[id^="standings"]
It wii selects all elements with a id attribute containing the word "standings"
Stack Snippet
div {
width: 200px;
height: 50px;
margin-bottom: 10px;
font: 13px Verdana;
line-height: 50px;
text-align: center;
}
div[id^="standings"] {
border: 1px solid #000000;
}<div id="[email protected]">1</div>
<div id="[email protected]">2</div>
<div>3</div>
<div id="[email protected]">4</div>
<div id="[email protected]">5</div>
<div id="[email protected]">6</div>
Bhuwan
- 16,525
- 5
- 34
- 57
-
1This will match every id attribute that contains "standings", not just the ones that start with it. – str Jan 22 '18 at 13:55
-
-
@BhuwanBhatt Please do read the comments to a question before answering. This was not only answered by a comment 20 minutes before your answer, it was also a duplicate. – mplungjan Jan 22 '18 at 14:55