I need to find a specific element of what's in my code in html only in css, exemplifying:
What to do type:
meuElemento [type=input]{
color: #FFFFFF;
}
I'm not sure what to do, but I do not know how to do it.
How can I do this? I already looked for several internet sites and I could not.
Using% css% would look like this: (note the construction of attr [id="textUm"] )
[id="textoUm"] {
border: 2px solid red;
}
input {
border: 2px solid black;
}<input type="text" id="textoUm" value="com ID">
<input type="text" value="sem id">attr create direct the class attr[]
When you put the style in the ID you have to get the name by #textoUm {seu css} and when you create a style to by in the class #textoUm {}
Mozilla documentation link on ctr attr link is in PT and will help you worth reading
When you want to use with id or class is simpler
Example with id:
#textoUm{
color: #FFFFFF;
}
Example with class:
.textoUm{
color: #FFFFFF;
}
Or if you want something like, an input with class 'textUm' for example, you can do this:
input.textoUm{
color: #FFFFFF;
}
Or with some id:
input#textoUm{
color: #FFFFFF;
}
A small example:
.texto{
color: #f00;
}
#texto{
color: #00f;
}
input.texto{
color: #0f0;
}
input#texto{
color: #ff0;
}<input type="text" value="teste" class="texto" />
<input type="text" value="teste" id="texto" />
<div class="texto">teste</div>
<div id="texto">teste</div>