CSS'de spesifik bir etiket içerisindeki spesifik satıra nasıl ulaşılır?

William Crusader dedi:

Ben de önermedim zaten, sadece istediğini gösterdim arkadaşa.

Genişletmek için tıkla...

dgknbzglu dedi:

Evet yapabilirsin. Aşağıdaki kodla tam olarak istediğin şeyi yaparsın hemde uygun bir şekilde.



Bu arkadaşın gösterdiği şekilde her butona tek tek stil ekleyip sağlıklı bir sonuç elde edemezsin. Evet sonuç odağı konusunda problem yok ama stabil değil. Önermiyorum.

Aşağıdaki kodları stil dosyana yazdıktan sonra herhangi bir yere submit reset veya normal bir buton koyduğunda farkı göreceksin. Kolay gelsin.

CSS:Panoya kopyala

input[type=button] {
  background-color: #ff0000;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=submit] {
  background-color: #2986cc;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=reset] {
  background-color: #faff00;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

HTML:Panoya kopyala

<input type="button" value="Button">
<input type="reset" value="Reset">
<input type="submit" value="Submit">

Genişletmek için tıkla...

div[blabla="blabla"]
{
    display: none;
}

deezwend dedi:

Bu süpermiş. Öylesine denerken bir şey farkettim. Sadece özel şeylerde olmuyor mesela <div blabla="blabla"></div> etiketindeki blabla şeyini de kullanabiliyormuşuz.

CSS:Panoya kopyala

div[blabla="blabla"]
{
    display: none;
}

Genişletmek için tıkla...