Поле HTML класс hover работает или нет?

СтрокаРезультата = СтрокаРезультата + "<a href=""#"" + class=""some"" data-subdivname=""" + ТекстВнутри + """>" + Символы.ПС;

    ...|.some {
    |   cursor: pointer;
    |}
    |.some:hover {
    |   color: #EE82EE;
    |   background-color: #7FFFD4;
    |}
    |</style>";

HTMLполе = "<!DOCTYPE HTML>
|<html>
|<head>
   |<meta charset='utf-8' />
|</head>
|<body> 
  |<style> 
//тут просто скрол-бар делаю узким
  |*::-webkit-scrollbar,
  |html *::-webkit-scrollbar { 
  |width: 4px;
  |} 
  |*::-webkit-scrollbar-thumb,
   |html *::-webkit-scrollbar-thumb {
  |background-color: #000000;
  |border-radius: 5px;     
|}
    |.some {
    |background:rebeccapurple;
     |color: white;
    |font-size:12px;
    |height: 90%;
    |overflow: auto;
     |margin: 10px;
    |padding:1em;  
     |border-radius: 5px;
    |} 
//hover для текста
    |.some:hover { 
    |cursor: pointer;
     |color: DarkSlateGrey; 
    |background:SandyBrown;
    |} 
//hover для svg с дочерним селектором, меняет и цвет фона(fill) и цвет контура (stroke)
    |svg > rect:hover {
    |fill:#CD5C5C; 
    |stroke: #4B0082;
    |cursor: all-scroll;
    |}
  |</style> 
  |<a href='#'>
  |<svg width='230' height='140'>
    |<rect x='5' y='5' width='220' height='130' rx='20'
    |fill='yellowgreen' stroke='green' stroke-width='5'
    |/>
    |<foreignObject   x='10' y='10' width='200' height='110' > 
     |<div class='some'>  
     |Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla posuere non enim vitae tincidunt. Quisque eleifend, lectus a rhoncus cursus, libero risus condimentum ipsum, vitae finibus dolor metus eget turpis.   
     |Mauris vitae elementum sem. Aliquam urna ligula, pretium eu lorem non, dapibus dignissim lorem. Integer tempor tempus ex, a egestas lectus condimentum sed. Suspendisse tellus sem, placerat ac malesuada sed,  tincidunt placerat eros. Proin id justo vitae nibh aliquam consectetur at eu leo. 
     |Praesent eleifend facilisis libero at cursus. 
     |</div>  
|</foreignObject> 
 |</svg>  
 |</a>
|</body>
|</html>";