Child-Theme Probleme

Hallo,

ich hab das Theme Responsive und habe im /wp-content/themes/ Ordner einen neuen Ordner angelegt "responsive-child". Dort habe ich eine CSS style.css mit folgenden Inhalt:

@charset "UTF-8";
/*
Theme Name:     Responsive Child
Theme URI:      http: //deinedomain.de/
Description:    Child Theme for the Responsive theme
Author:         Mike
Author URI:     http: //deinedomain.de/
Template:       responsive
Version:        1.0
*/
@import url("../responsive/style.css");

Wenn ich es so mache, dann klappt alles. Kopiere ich aber den kompletten Text aus der Parent-CSS in die Child-CSS denkt man zuerst auch es geht alles. Aber wenn ich mir dann das Theme auf dem Handy ansehe ist alles verrutscht. Ich habe keine Idee warum das so ist? Kann einer helfen?

Lg
Mike

Hm, ja also irgendwie versteh ich das noch nicht ganz. Ich probiere es mal an einem Beispiel. Angenommen ich will den Hintergrund der Seite einfach von schwarz (im Parent-Theme) auf weiß ändern (Child).

Parent:

body {
        background: #000000;
        color: #555555;
}

Dann Schreibe ich im Child-Ordner in die style.css nochmal dieses ganze Element?

body {
        background: #FFFFFF;
        color: #555555;
}

So? Das import lasse ich aber stehen. Und unter dem Import dann meine Änderungen? Das würde ja heißen: Er guckt zuerst in die style.css des Child's. Dann importiert er da ja die CSS des Parent. Danach überschreibe ich aber mein body background nochmal und sage er soll weiß sein. Ist so der Ablauf?

Lieben Dank.
Mike

Dankeschön!
Mike

Was aber dennoch merkwürdig ist: Wenn ich ein import des Parent-CSS mache, dann verzieht sich das Layout auf der mobilen Version z.B.:

@import url("../responsive/style.css");

Kann mir jemand sagen, warum das so ist. Manche sagen auch man macht vorher ein import zu Beginn und danach dann die Änderungen, andere wiederum machen gar kein Import. Wüsste gerne wie man sich da korrekt verhält.

Danke.