css div

Arkadaşlar Css divlerini sayfaya yazmadan static şekilde style dosyasını okumanın yolu varmıdır.

mesela sayfa içerisinde <div id="abc"> yazmak yerine cssteki tüm divleri sayfada varmış gibi davransın
şöyle açıklıyayım misal append.div " icerik " dediğimizde div tagı açılmışsa içeriği ekliyor açılmamışsa sayfada divi bulamadığı için eklemiyor

aynı işlemi biz canvas programlamada şu yöntemlerle götürüyoruz ama benzer bir yapıyı düz css için uygulamamız gerekir.

Canvasta uygulama yöntemlerimiz şöyle
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
</script>

Tam olarak ne demek istediğini anlamadım hocam ama
Css te
Div { Bu Bütün Dİvleri kapsar }

div#abc { sadece ID si abc olan Divleri Kapsar }

yok hayır şimdi sorduğum sorunun daha önce sorulmadığına eminim bizim durum biraz ilerde, şöyle düşün;

index.html içeriği
ref:style; src:style.css // sadece styleyi getiriyoruz
sayfada başka bir şey yok

programlama kısmında biz style.css te dizayn edilmiş bir divin içerisine içerik getirmeye çalışıyoruz tabi bu div index.html de yok sadece style.css te var tabi style.css i index.html'e import ettiğimiz için divleri otomatik olarak index.html de varmış gibi davranması lazım

Css te sadece şekil düzenleyebilirsin. csste yazdığın yazıyı herhangi biryerde içerik olarak gösteremezsin. gösterilirse bile (ki sanmıyorum) ben bilmiyorum

html5 ile gelen bir güzelliği bu ama yeni olduğu için pek kaynak bulamıyoruz belki burada konuya hakim birini buluruz

sayfa içerisinde div tagları yazmadan style.css i statik olarak okuyabiliyorsun yukarda yazdığım canvas örneğindeki gibi

html-css de böyle bi özellik yok. less'i incelersen cssi yorumluyor dediğiniz şekilde siz de buna benzer js kullanarak html içeriği yorumlayabilirsiniz. tabi ne kadar kullanışlı olur bilemiyorum.

Bu dediğiniz sistem belki yapılır ama yapan duymadım. Yapıldığını varsayarsak pek kullanıslı olmaz siteyi arama motorlarına tanıtman güçleşir. HTML 5 de bole bır ozellik duymadım bir çok farklılık var evet doğru kod yazmadan js kullanmadan bir çok şeyi yapabılıyorsunuz ama bu zor bence (:

.Div:after {content:'Yazı buraya';}

bu şekilde yapabilirsiniz.ama ne kadar sağlıklı olur bilemem.

after,before.