css не работает при применении к классу прямоугольников?

Я не могу понять, почему стиль не применяется к прямоугольнику.css не работает при применении к классу прямоугольников?

стиль

<style> 
.bar { 
    width: 100; 
    height: 100; 
    fill: green; 
} 

</style>

SVG

<body> 
<svg width="100" height="100"> 
<rect class="bar"/> 
</svg> 
</body>

при изменении в соответствии с рекомендациями joe_young, он работает в Chrome, но не в Firefox:

<!DOCTYPE html> 
<meta charset="utf-8"> 
<html> 
<head> 
<style> 
.bar { 
    width: 100px; 
    height: 100px; 
    fill: green; 
} 
</style> 
</head> 



<body> 
<svg width="100" height="100"> 
    <rect class="bar" /> 
</svg> 
</body> 
</html>

источник

2016-07-11 Sijia Xiao

Ваш ''