Style1.css
Style2.css

A

<script></script>
<script>
$(document).ready(function() {
$(".style1").click(function(){
$("#genel_style").attr("href", "style1.css");
});

$(".style2").click(function(){
$("#genel_style").attr("href", "style2.css");
});
});
</script>


style1.css
body {
background-color: #333;
}
div {
position: fixed;
width: 100%;
height: 50%;
background-color: #eaeaea;
}

style2.css
body {
background-color: #eaeaea;
}
div {
position: fixed;
width: 100%;
height: 50%;
background-color: #333;
}

Butonlara ulaşmak için class verdim ve buna uygun "genel_style" tag lı değeri manuel isimlendirerek değiştirdim. Boş bir html dosyası açıp deneyebilirsin. İstediğin sanırsam tam olarak böyle bir şey..

Kolay gelsin :rolleyes: