açık konuşmak gerekirse ddos saldırısını tamamen önlemenin pek bir yolu yok, iş ddos olduğu zaman allah kolaylık versin demek düşer :)
css'de yazı yazdığında işlem yapma gibi bir şey söz konusu değil.
:focus ile input'a tıklandığında belki ondan sonra gelen html etiketlerini + ya da ~ seçicileri ile seçip css uygulayabilirsin.
ya da farklı bir alternatif olarak input'a required niteliği koyarsın ve :valid :invalid sözde sınıfları ile kontrol ederek ondan sonra gelen html etiketlerini yukarıdaki mantıkta seçerek uygulayabilirsin.
bu çok genel bir soru bu şekilde genel sorular sormamaya dikkat edelim facebook yapmak istiyorum demekten çok bir farkı yok bu sorununda :)
javascript ile bir script yazacaksan backend tarafında yazman gerekir yani nodejs bilginin olması gerekir, nodejs tarafında express framework'e hakim olmak gerekir daha kolay işlemler için.
eğer frontend tarafında da javascript kullanayım dersen react, vue vs. kullanabilirsin. yani yapmak isteyip yapamamanın sebebi nereden başlayacağın mı ne yapacağını bilmiyor oluşun mu bilmiyorum ancak böyle genel soruların cevapları pek bulunmaz.
Hata vermesinin sebebi h$i
@for $i from 1 through 6 {
h#{$i}, .h#{$i} {
font-size: (2.5rem / $i);
}
}
Lütfen sorunuzu sorarken kodları doğru şekilde paylaşmaya çalışın, ben şimdilik kodlarınızı düzelttim. Sorunuz için ise şunu deneyebilirsiniz;
.sign-keep input:checked + label {
background-color: red;
}
Bu problemi genelde kolon tipin string ise alırsın. Eğer kanal_no kolon tipini int yaparsan order by doğru şekilde çalışacaktır. Eğer değiştirmeden durumu düzeltmek istersen şöyle deneyebilirsin
SELECT * FROM kanallar ORDER BY kanal_no + 0 ASC
Javascript'de History API diye aratarak sorduklarına cevap bulabilirsin. Bu API'deki state yönetimi sayesinde bunu yapabiliyorsun. Zamanında şöyle bir ders anlatmıştım belki işine yarar
HTML yapın şöyle olacak
<aside>
SİDEBAR
</aside>
<main>
<header>
HEADER
</header>
<section class="content">
İÇERİK ALANI
</section>
<footer>
FOOTER
</footer>
</main>
Ve temel olarak CSS kodların ise şöyle
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
}
body {
display: flex;
}
aside {
width: 300px;
min-width: 300px;
background: #333;
color: #fff;
}
main {
flex: 1;
display: flex;
flex-direction: column;
}
main header {
height: 50px;
border-bottom: 1px solid #ddd;
background: #f8f8f8;
min-height: 50px;
}
main .content {
flex: 1;
padding: 20px;
overflow: auto;
}
main footer {
height: 50px;
min-height: 50px;
border-top: 1px solid #ddd;
background: #f8f8f8;
}
sonuç mu? şuradan bakabilirsin
https://codepen.io/tayfunerbilen/pen/xxRWYOa
Evet yapabilirsin, en basit şekilde şöyle
$('li').each(function(){
if ($('>ul', this).length){
$('>a', this).addClass('altvar');
}
});