Как правильно объявить CSS

Question

У меня есть страница, которая неоднократно вызывает шаблон в строке таблицы (вы понимаете, что я имею в виду, циклически перебирая некоторые данные и отображая их в строке таблицы, но отображение этой строки таблицы является шаблоном). Этот шаблон имеет всплывающую подсказку с использованием атрибута title. Я спроектировал (скопировал из сети) всплывающую подсказку, чтобы она не была обычной / скучной, поэтому на ней есть CSS. Теперь моя проблема в том, что только первая строка имеет эффект css, который я сделал, остальные имеют обычный и скучный вид всплывающей подсказки.

Пример вызова моей CSS: <link rel="stylesheet" href="/styles/jquery.cluetip.css" type="text/css"/>

Я попытался поместить это выше страницы чуть ниже <script> теги для моего JS или внутри самого шаблона. Но не повезло. Кто-нибудь может объяснить или есть решение для меня?

Пример HTML-кода.

<script>
    //some javascript here
</script>

<link rel="stylesheet" href="/styles/jquery.cluetip.css" type="text/css"/>
<table>
foreach my $data ( arrayofdata ) {
    <tr><& /html/mytooltipTEMPLATE, parameter => $data &></tr>
}
</table>

Я также попытался удалить ссылку из таблицы стилей выше и поместить ее в сам шаблон.

РЕДАКТИРОВАТЬ: кстати, я использую подсказку, чтобы украсить мою подсказку. Если это поможет, извините, я не могу больше публиковать коды

Если кто-то может просто опубликовать ссылку на то, как читаются css-файлы вместе с javascript-файлами и срок их выполнения, это было бы здорово.