How to reduce the size of the links?

I have svg icons wrapped in links. But the radius of the links is too big. It is necessary that hover was only when you hover over icons themselves, not around them.
5a2bfe73d8c16208851117.jpeg5a2bfe84ccd93100385251.jpeg
The problem is that no matter how I size not asked the link - it never changes.

<li class="vk"><a href="#"><img src="_done_job_/app/img/social/vk.svg" alt="VK"></a></li>


.vk > a {
 width: 10px;
 height: 10px;
}


and decreases just a picture:
.vk > a > img {
 width: 10px;
 height: 10px;
}


maybe it's the mesh:
June 10th 19 at 16:37
3 answers
June 10th 19 at 16:39
Good afternoon.
The fact that you need to manipulate svg from the svg
open your svg in a text editor and edit it.
Example:
<svg xmlns="http://www.w3.org/2000/svg" the viewBox="0 0 734.56 911">//display options on page 
<defs><style>.a{fill:broun;}.b{fill:#005aaa;}</style>
</defs><title>comp2</title>
<rect class="a" x="200" y="99" width="310" height="318"/>//parameters x,y specify the location of an individual element, width, height - the height, width,
<rect class="b" x="300" y="93" width="280" height="280"/>
</svg>
June 10th 19 at 16:41
Misha5, open the svg file - copy the code inside the links , and then using the css can access .vk > a > svg{width:10px; height: 10px;}
June 10th 19 at 16:43
because it is necessary to press here 5a2cc1e4703aa234871541.jpeg and see where the Shoe pinches

Find more questions by tags LayoutWeb DevelopmentCSS