If i use HTML tags inside javascript file, how can i select them and use them in a css file?
for example:
javascript:
<li id="id"> name </li>
how can i select and use id in the stylesheet?
I tried it this way but it didnt work #id li { background: red;}
either you can use the JS also add style to the Element.
document.getElementById(id).style.property = new style
Add inline style using Javascript
Or you need to load the script before the style.
If you assign a id to any tag or element you don't need to use element or tag name to style it. Directly use id. by #id li { background: red; } it means inside the element(which has id) it search for another li element.
Try
#id {
background: red;
}
I would avoid using ids as they have to be unique (no more than one per page). If you have to target specific list items use data attributes.
ul li[data-type="name"] { color: red; }<ul>
<li data-type="name">Bobby</li>
<li data-type="age">26</li>
</ul