ThunderCat

итак, наверно что-то не так в датском королевстве, потому как стили браузера являются наименее приоритетными в любом случае. Варианта всего 2:
1) Не подгружаются стили, соответственно отрабатывается что есть, а есть у нас инлайн и браузер стили.
2) Стили подгружаются, но свойства для элементов прописаны неверно, или не для тех классов.
Как проверить в чем проблема?
Во первых, проверить загружены ли файлы стилей, такая форма записи как у вас подразумевает что файл стиля лежит в той же папке что и хтмл файл. Правильной практикой является указывать путь от корня сайта, например <link rel="stylesheet" href="/css/style.css">, к слову, к изображениям это тоже относится.
Для проверки в хроме в панели разработчика есть закладка ресурсов(сырцов), где все прогруженные файлы отображаются. А так же проверяем какие стили поверх каких перекрываются в инспекторе элементов, как на картинке. и смотрим что к чему там относится.

проблема в том что строк second-class может быть 1000+, из-за этого они долго разворачиваются,

Они не из-за этого разворачиваются долго, а из-за того что это не табличная задача, перестройка таблицы на 1000 элементов само по себе задача нагруженная, а вы еще их туда-сюда вставляете в таблицу. Сверстайте по уму дивами и все будет работать быстро, див не требует соблюдения структуры табличной вложенности, по этому все будет отрабатывать быстрее в разы.

не лучше задавать селектором? типа такого, один для начала другой для конца.

По вопросу не очень понятно что вы хотите получить, если нужно рисовать фигуры на хтмл/цсс/жс есть варианты:
1) Канвас, как уже упомянула @nata-ponchik
2) CSS стили со скруглением углов для кругов
3) SVG объекты
4) тупо вставить картинку и наложить на нее текст, если надо, как написал Froggyweb, это не всегда подходит, но как вариант..
5) Извращения типа флеш и сильверлайт (привет из 2010).

Если поломать мозг пару часов можно еще вариантов настрочить - например расположить пнг с прозрачностью в нужных местах через позиционирование и z-index.

выложить на бесплатный хостинг и сделать модерируемые комменты. Заспамить одноклассники и вк своей поделкой - вполне пару штук отзывов можно приличных выцепить, хотя может и как в масяне случиться )

1) Вставьте необходимый код с тегами кода, у вас выпадает часть вопроса.
2) Если у вас на рабочем сайте папки и файлы называются русскими буквами есть большая вероятность что рано или поздно вас будут бить. Ссаными тряпками. По рукам.
3) определитесь как и где у вас будут лежать файлы от корня проекта или от текущего файла, создайте нормальную структуру. Например:
/rootpath/1.html
/rootpath/2.html
/rootpath/css/1.css
/rootpath/css/2.css
тогда пути к css файлам можно обозначить:
а) <link rel="stylesheet" href="css/2.css">или <link rel="stylesheet" href="./css/2.css"> в случае открытия html из папки локально. Это указывает на путь относительно файла который открыт.
б) в случае открытия с вебсервера, учитывая расположение файлов html в корне сайта - код выше будет работать, но лучше сделать так:<link rel="stylesheet" href="/css/2.css"> тем самым обозначив, что даже если html файлы будут в другой директории, css всегда будет в папке /css начиная от корня сайта.

Прочтите про абсолютные и относительные пути(и постарайтесь понять разницу).
Будет проще если вы будете понимать разницу между "../css/", "/css/" и "css/", это вам сильно поможет.
Надо понимать что данный скрипт будет получать браузер, для него доступны файлы только из директории открытой через веб сервер, путь для браузера начинается с домена, / вначале относительного пути означает что файл доступен по пути домен.тлд/ и дальше уже папка на сервере где лежит файл. проверьте подключается ли файл в хтмл, в хроме есть инспектор, возможно в .htaccess нужно добавить исключения на файлы css, котрые перенаправляются правилом.

Ну а чем подобная должна отличаться от этой неподходящей негибкой?

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

числовую часть цены обернуть в спан с определенным ид, на галочку повесить листенер на событие ончекед/онанчекед по которому считать и выводить содержимое спана. В идеале начальная цена должна храниться в каком-то дата-атрибуте, например в спане, чтобы потом ее если что вернуть.

в конце функции обработчика добавить $("#button").hide();

js, canvas, svg.

по вашему вопросу создается впечатление что не просто копировать действие, а выполнять какой-то алгоритм, не всегда одинаковый. Скорее всего подойдет селениум.