CSS для элементов

Добрый день!
Давно читаю данный форум, очень во многих вопросах помог разобраться со своей вики, над которой работаю. Но сейчас возник вопрос, который я все ни как не могу решить, хоть и решение вроде как есть в интернете, но понять его не получается.
Суть в чем: как для элемента прописать css?
https://www.mediawiki.org/wiki/Manual:CSS
https://www.mediawiki.org/wiki/Extension:CSS
Эти темы я читал, ничего не смог понять к сожалению.
Видел что можно сделать вплывающую подсказку при наведении мышкой на элемент/текст, но решение ток с прописью css для блока... но я не знаю где его писать. Это банальный пример.

 

Все очень просто идете в своей вики на страницу MediaWiki:Common.css, там добавляете правила CSS для нужных селекторов и вуаля, готово(не забудьте сбросить кэш браузера).

 

Да, нашел такую инфу. Начал пробывать осуществить всплывающие подсказки, которые есть в инете - какие-то они все кривые, либо не работают. может подскажите, рабочий пример?
https://w3schoolsrus.github.io/css/css_tooltip.html#gsc.tab=0
вот тут работает, но сама подсказка вплывающая показывается не там где нужно, либо окошко всплывающее слишком большое, а текста там мало, либо наоборот, текст не влезает, если настроить окошко маленьким. как сделать окошка динамическим размером - не нашел, хотя это решило бы мою проблему.

 

С хабра пробовали https://habr.com/ru/post/132283/ ?