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

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:
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:
<input type="button" value="Button">
<input type="reset" value="Reset">
<input type="submit" value="Submit">
Bu süpermiş. Öylesine denerken bir şey farkettim. Sadece özel şeylerde olmuyor mesela <div blabla="blabla"></div> etiketindeki blabla şeyini de kullanabiliyormuşuz.

CSS:
div[blabla="blabla"]
{
    display: none;
}
 
Bu süpermiş. Öylesine denerken bir şey farkettim. Sadece özel şeylerde olmuyor mesela <div blabla="blabla"></div> etiketindeki blabla şeyini de kullanabiliyormuşuz.

CSS:
div[blabla="blabla"]
{
    display: none;
}
Evet çünkü olması gereken bu :) Kolay gelsin.
 

Technopat Haberler

Geri
Yukarı