tableの行の色を交互に変えるCSSの書き方

＞ 交互に変えた行の色が変える前の色になってしまいます。
の部分がちょっとよく分からないですが、
「交互に行の色を変える」と「マウスオーバー時に行の色を変える」を両立したいということですよね？
そして「マウスオーバー時の色を優先させたい」としたとき、
table#table1 tr:hover td {
background-color: #DDDDDD;
}
table#table1 tr:nth-child(2n+1) td {
background-color: #ffe3ff;
}
のように書くと、交互の色が優先されてしまい、hover時の色が適用されないということかと思います。

その場合は、2パターン解決方法があり、
1つ目は、
table#table1 tr:hover td {
background-color: #DDDDDD!important;
}
table#table1 tr:nth-child(2n) td {
background-color: #ffe3ff;
}
のように、「!important」をつけて、優先順位度を上げてやることでhover時の色が優先されます。

2つ目は、
table#table1 tr:nth-child(n):hover td {
background-color: #DDDDDD;
}
table#table1 tr:nth-child(2n) td {
background-color: #ffe3ff;
}
のように、hover時にもnth-childの疑似クラスを指定して()内の引数は n を指定することで全ての行という意味にすることで対応可能です。

もし、私が質問の意図を理解出来ていない場合や、もっと詳しく解説が必要な場合は再度ご連絡ください。