pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Как восстановить права на папку /usr?

Лучший ответ: sudo сhown -R root:root /usr
sudo chmod 755 /usr

Худший ответ: При вызове chown вы поменяли не только права доступа - rwx.
Самое неприятное в данной ситуации это то, что при смене владельца были удалены специальные биты (setuid,  setgid).
Цитата из info файла info '(coreutils) chown invocation'The ‘chown’ command sometimes clears the set-user-ID or set-group-ID
permission bits.  This behavior depends on the policy and functionality
of the underlying ‘chown’ system call, which may make system-dependent
file mode modifications outside the control of the ‘chown’ command.  For
example, the ‘chown’ command might not affect those bits when invoked by
a user with appropriate privileges, or when the bits signify some
function other than executable permission (e.g., mandatory locking).
When in doubt, check the underlying system behavior.
Например, setuid бит выставлен для команд sudo и passwd, что позволяет выполнять даные команды в с привилегиями владельца файла (в данном случае root), а не с привилегиями пользователя, который запускает команду (https://en.wikipedia.org/wiki/Setuid).
Также важно, что специальные биты не восстанавливаются при повторном выполнении chown -R root:root /usr
Возможное решение:Если у вас есть аналогичный сервер, то можно сделать бэкап прав доступа на нем и восстановить их на вашем сервере - https://www.linux.com/learn/how-easily-back-and-re...Переставить систему
Вопрос: Что не так с запросом mysql?

Лучший ответ: Чтобы выяснить, что именно не так, выведите эту строку на экран, затем выполните в базе. Так вы увидите ответ, что не так с запросом.

Худший ответ: После filename1='$filename1' нет запятой.
Вопрос: Пройдет ли 32GB DDR3 на i73630qm?

Лучший ответ: Должно заработать, только вот с памятью никогда нельзя сказать точно.
Поэтому память берите только там, где можно без проблем вернуть, и взять другую.

Худший ответ: Для информации - эти платки не пошли. Пришлось менять материку и ставить 4х8
Вопрос: Как на одной linux-машине запустить несколько сервисов, но так, чтобы каждый сервис имел уникальный ip?

Лучший ответ: Поставьте фронтэндом nginx и повесьте на один IP адрес хоть сотню сервисов на 80 порту с доступом по доменному имени.

Худший ответ: увлекаться докером пока рано для ваших потребностей.
mureevms сказал всё необходимое.
1. DNS сервер если есть - настроить, если нет - поднять 
2.  добавить DNS записи. указывающие на сервисы
3. Если все сервисы работают только под одним типом вебсервера - не проще там настроить virtual hosts?
https://httpd.apache.org/docs/current/vhosts/examp...
https://tomcat.apache.org/tomcat-8.0-doc/virtual-h...
https://nginx.ru/ru/docs/http/request_processing.html
4. Но проще с видимой стороны оставить только nginx. Классическая схема Nginx на фронтэнд. остальные за ним. причем слушают (Listen) 127.0.0.1:ПО_ВКУСУ
Для этого собственно и добавлялся заголовок Host в протокол HTTP...
Вопрос: Какие книги по С++17 посоветуете?

Лучший ответ: Крайне рекомендую "Мейерс С. - Эффективный и современный C++. 42 рекомендации по использованию C++11 и C++14". Не по 17-му стандрарту, но умные указатели и не в нём появились.

Худший ответ: Только документация + стандарт. Вот тут лучше всего: https://en.cppreference.com/w/cpp , даже примеры есть. Ну и смотрите на вики или где угодно, что добавилось в 17ом стандарте.
PS
А интеллектуальные указатели добавили в 11 стандарте в стандартную библиотеку.
Вопрос: Как в js определить есть ли клик или нет?

Лучший ответ: Поправил ваш код:var button = document.getElementsByClassName('clearCartBtn')[0];
button.addEventListener('click', function(){
	alert('Click');
});

Худший ответ: Либо то, что написал Crash, либо просто в самом элементе словить событие onclick.<a href="javascript:void(0)" class="clearCartBtn" onclick="alert('Click');">Click me</a>
Вопрос: В чем разница между display:flex и display:inline-flex?

Лучший ответ: Особенности inline- элементов:
- им можно задавать размеры, рамки и отступы, как и блочным элементам;
- их ширина по умолчанию зависит от содержания, а не растягивается на всю ширину контейнера;
- элементы в одной строке выравниваются вертикально подобно строчным элементам (verticacal-align)

Худший ответ: css.yoksel.ru/flexbox - тут есть наглядное объяснение.
Вопрос: Где узнавать что нового в Виндовс?

Лучший ответ: о, все таки нашел whatsnew список
https://support.microsoft.com/en-us/help/4000825/w...

Худший ответ: можно тут www.wincore.ru/windows-news
можно на редите https://www.reddit.com/r/windows/
ищите больше западные источники, там будет больше информации
https://blogs.windows.com/
Вопрос: Как реализовать статическую маршрутизацию в Windows Server 2003?

Лучший ответ: Судя по вопросам и тому что написано все очень плохо. Для начало стоит разобраться в элементарных вешах: модель OSI, IP адресация, стек TCP/IP. Потрать пару дней времени на изучении основ если собираешься решать сетевые задачи. 
P.S. От того что тебе напишут  маршруты в сторону сетей понимание не придет

Худший ответ: Начнем с того, что будет три сети:клиент1 - маршрутизатор1 маршрутизатор1 - маршрутизатор2 маршрутизатор2 - клиент2
На клиентах, в качестве адрес шлюза указываем адрес своего маршрутизатора, на маршрутизаторах не указываем, а прописываем статическую маршрутизацию.
Вопрос: Как удалить файл из git?

Лучший ответ: PHPStorm + GIT. Как настроить игнорирование?

Худший ответ: после git rm
git commit -a -m "lalala"
Вопрос: Можно или нужно ли выкладывать свои сверстанные сайты на гитхаб?

Лучший ответ: Разрешаю.

Худший ответ: Скажу больше, вы можете и переверстанные 100 раз уже кем то шаблоны туда выложить.
К примеру сделать свою страничку и сделать ссылки на сверстанные вами шаблоны.
Лишним точно не будет.
Вопрос: Отличие динамической проверки типов от статической?

Лучший ответ:  я возможно не так задал вопрос. хотелось бы узнать, почему компилятор не может все проверить на этапе компиляции. зачем еще добавлять динамическую проверку? class Object {
public:
virtual ~Object() {}
};
class Weapon : public Object {
public:
virtual ~Weapon() {}
};
class Player : public Object {
public:
virtual ~Player() {}
};

void handleObject(Object* object) {
  // What is object? Is it weapon or player?
};

// ....

Object* object = rand() % 100 > 50 ? new Weapon() : new Player();
handleObject(object);

Худший ответ: Т.к. не все проверки можно сделать во время компиляции. Компилятор не знает, объект какого типа будет приводиться к какому, ведь по факту, используя интерфейс можно передать любой оъект-наследник. И тут есть два варианта: привести типы небезопасно, но быстро, или надёжно, но медленнее. 
Помимо этого, есть ещё некоторые примеры использования static_cast: https://en.cppreference.com/w/cpp/language/static_cast
Вопрос: Как на битрикс, теме Аспро убрать кнопку «заказать звонок»?

Лучший ответ: тут /public_html/bitrix/templates/aspro_mshop/css/custom.css
пишем это   #header .callback_btn, #footer .callback_btn {
        display: none !important;
    }
При необходимости замените на свои классы

Худший ответ: Аспро держит "веб-формы" в инфоблоках. 
Подключает их через /ajax/form.php
Но судя по описанию задачи, вам не нужно копать так глубоко. Вам нужно копать в ту сторону, где выводится кнопка "заказать звонок". То есть найти включаемую область или шаблон компонента, где она выводится.
Возможно, найдя эту поляну вы обнаружите, что кнопка звонка отключается настройками, а возможно её вывод нужно просто закомментировать.
Прям сразу комментировать не советую, поскольку девять к одному, что при обновлении ваши изменения перетрутся. Тогда стоит кастомизировать шаблон и уже там работать с кодом.
Вопрос: Какую вы используете структуру для хранения изображений?

Лучший ответ: но я собираюсь хранить не только оригинал, а ещё 200, 400 px width cloudinary.comмало опыта, только придумал вот такое, а именно по дате например /p/2016/12/03/23/45/12/имя.jpg не надо изобретать велосипед
md5 от имени файла + соль какая-нибудь
получаем что то типа 2cb126f9bd4e36cc8818183c785879d7.jpeg
далее пишем скрипт который создает нужное кол-во уровней:
 /i/150x100/2/c/b/2cb126f9bd4e36cc8818183c785879d7.jpeg
На, вот моя приблуда для генерации$directory_generator = new Krugozor_Utility_Upload_DirectoryGenerator(/* имя загруженного файла */);

// создали директорию в THUMBNAIL_150x100...
$directory = $directory_generator->create(DOCUMENTROOT_PATH . Krugozor_Registry::getInstance()->UPLOAD['THUMBNAIL_150x100']);

// отресайзили...
$creator = Krugozor_Thumbnail_Factory::create(
	DOCUMENTROOT_PATH . Krugozor_Registry::getInstance()->UPLOAD['THUMBNAIL_ORIGINAL'] . $upload->getFileNameWithExtension(), 
	$directory . $upload->getFileNameWithoutExtension()
);
$creator->setResizedWidth(150);
$creator->setResizedHeight(100);
$creator->resizeFixed();

// http-путь до картинки
$this->getView()->path_to_image = $directory_generator->getHttpPath() . $creator->getFileNameWithExt();

Худший ответ: можно по хэшу из файла сделать уникальную структуру и уникальное имя
Вопрос: Какие есть хорошие программы/видеокурсы/сайты для обучения слепой печати?

Лучший ответ: Просто учись печатать вслепую.
Все дело в практике и рефлексах. Посматриваешь на клавиатуру - будешь посматривать.
Не посматриваешь - не будешь.
Можно играть во всякие клавогонки, Stamina, Crimsonland, но основная задача - практика.

Худший ответ: TIPP10 - Это то, что Вам нужно
tipp10.com
Вопрос: Зачем нужна проверка ни истинность в питоне?

Лучший ответ: Как все происходит я понимаю, понимаю
Это хороший вопрос, из него видно, что вы пока ничего не понимаете.
Попробуйте почитать более другую книжку, их тьма-тьмущая. Есть детские, например.

Худший ответ: if <оценка_по_алгебре == 2>:
    получить_по_жопе()
else:
   пойти_гулять()
Вопрос: Как сделать поиск по фильтру в GridView (Yii2), если модели соединены через промежуточную таблицу?

Лучший ответ: Гайд с примерами:
www.yiiframework.com/wiki/780

Худший ответ: использовать joinWith
Вопрос: Как в основном используют JavaScript в обычных сайтах?

Лучший ответ: Дело в том, что сейчас большинство разработчиков используют готовые библиотеки. Они их скачивают целиком для какой то 1 цели, которую можно сделать и  без них. Этих библиотек чаще всего, скачивают много. Людям хочется сделать все быстро и просто, их не волнует объем хлама на сайте. Wordpress для меня, это вообще навозная куча.

Худший ответ: Я обратил внимание, что у большинства сайтов .js файлы очень большого размера
Webpack вроде используют чтобы с этим явлением справляться
Вопрос: Какой антивирус для Wordpress?

Лучший ответ: Wordfence может устроить в точности что нужно.

Худший ответ: По дате через find можно попробовать. Должен быть доступ SSH.
Вопрос: Как перенести сайты с хостинга на VDS?

Лучший ответ: Два разных ssl сертификата на одном ip?
Раньше бы не работало, сейчас в современных браузерах есть SNI.

Худший ответ: Будет
Вопрос: Что лучше? Livestreet или Instantcms?

Лучший ответ: По прошествии 3 лет, - InstantCMS. Поддерживается, обновляется, развивается.  Livestreet  к сожалению "законсервирован" или "умер", кто как хочет. На InstantCMS, полно реализаций, пример: https://sugata.ru 
InstantCMS - конструктор, легкий. Нет прослоек разных (в виде шаблонизаторов) и т.д. Хотя, отказ от Смарти и переход на Fenom, например (есть репозиторий на GitHub) может улучшить ситуацию, но не на много.

Худший ответ: что лучше bently или porsche cayenne ?
Вопрос: Как перекодировать данные Mysql и PHP?

Лучший ответ: Если данные уже записаны в базу в неверной кодировке, то "??????" - это именно то, что там сохранено. Конвертировать нечего.

Худший ответ: Юзай функцию mb_convert_encoding()
Вопрос: Как сделать отступ после компиляции каждого правила csss — css?

Лучший ответ: .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: false}))
а вообще Кирилл прав, ваше дело сделать отличный код а как он там выглядит то дело уже второе. + всегда можно его минифицировать +почистить и отсортировать

Худший ответ: Зачем? Как часто вы смотрите, например, насколько красивый код получается после сборки C++ в машинный/исполняемый код?
Вопрос: Цель Redux \ Flux архитектуры?

Лучший ответ: "Что-то похожее на MVC", ага.
1. В чистом виде MVC не очень хорошо подходит для веба.
2. Как-то так получилось, что в определенный момент на буковки MVC возникла мода, и авторы множества разных схем стали называть их MVC.
У вас вот логика в котроллерах, но достаточно заглянуть хоть в википедию, чтобы убедиться, что в MVC ей там не место https://ru.wikipedia.org/wiki/Model-View-Controller
А ведь можно копнуть и поглубже: https://habrahabr.ru/post/321050/
Разница на мелких проектах может быть практически не видна, польза тоже может быть не видна, один только оверинжиниринг. Но чем крупнее проект, тем большую роль начинают играть абстракции и разделение приложения на слои. А TODO-list можно и вообще без фреймворка сделать.

Худший ответ: Чтобы разделить бизнес-логику и представление.
Для маленьких приложений типа учебного списка дел выгода от библиотеки управления состоянием может быть не очевидна, но по мере роста количества сущностей, которыми надо управлять и которые могут влиять на самые разные части UI вместе и по отдельности, нужда в каком-то упорядоченном решении возрастает.
В redux и правда многовато заморочек, как по мне:)
Вопрос: Насколько трудное данное тестовое задание и что полистать чтобы его решить?

Лучший ответ: Задача о кратчайшем пути

Худший ответ: Самый тривиальный способ через обход графа в ширину. Гугли bfs
Вопрос: Какой линукс поставить на АРМ процессор?

Лучший ответ: Debian отлично перенесен на ARM структуру
https://www.debian.org/ports/arm/

Худший ответ: Далеко не всякий. 
Уточняете модель. И пробегаетесь по дистрибутивам, смотрите, а есть ли поддержка.
Начните с Gentoo, Ubuntu, Archlinux, Fedora, OpenSUSE, Alpine Linux, Debian
Может, FreeBSD с вашей моделью знакома.
Вопрос: Что делать с кодировкой?

Лучший ответ: Content-Encoding: gzip
Распаковать данные забыли
https://stackoverflow.com/a/24949005

Худший ответ: Уберите из запроса Accept-Encoding:.. и будет вам несжатый ответ.
Вопрос: Как лучше всего установить Ubuntu рядом с Windows 10?

Лучший ответ: 1) лучше, шансов запороть загрузчик намного меньше, да и потом как надумаете количество ОС менять, не придется настраивать загрузчик заново.

Худший ответ: На каждый диск независимо. При включении обычно F3 выбор устройства с которого грузиться.
Вопрос: Будут ли создаваться на слейве новые таблицы при репликации?

Лучший ответ: Будут. https://dev.mysql.com/doc/mysql-replication-excerp...

Худший ответ: Да, будут.
Вопрос: Django — Защита от одновременного редактирования данных?

Лучший ответ: Оптимистичной блокировкой.

Худший ответ: Сохранение всех редакций
Вопрос: Как скопировать вёрстку сайта (html css js)?

Лучший ответ: Из бесплатных https://www.httrack.com/

Худший ответ: браузер, просмотреть исходный текст ctrl+C -> ctrl+V, далее по всем локальным линкам и тоже ctrl+C -> ctrl+V
Вопрос: Как можно проверить есть ли у кого-то ключи для доступа к серверу?

Лучший ответ: Если я захочу, я оставлю себе вход на сервер, и найти его будет ой как сложно.
Нужно не доводить до таких ситуаций, так как без опыта обнаружить все лазейки нереально.

Худший ответ: Если я захочу, я оставлю себе вход на сервер, и найти его будет ой как сложно.
Нужно не доводить до таких ситуаций, так как без опыта обнаружить все лазейки нереально.
Вопрос: Есть ли будущее профессии «Сетевой инженер»?

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

Худший ответ: В перспективе возможен вариант с SDN и NFV, все перетекает к программистам.
Иными словами для создания того же VPN, достаточно будет нажать одну кнопочку, которую напишут программисты.
Вопрос: С какими сложностями придется столкнуться при разработке онлайн-обменника криптовалют?

Лучший ответ: 0. Отсутствие понимания, как все работает
1. Отсутствие опыта разработки такого рода систем
= неправильно комитнули транзакцию, деньги ушли не тому, возмещаете из своего кармана
= обрушили сеть, вам ненавидит сотня тысяч человек
...
2. Отсутствие експертизы в ИБ
= много денег на бирже, есть дырка, денег на бирже больше нет
...
3. Юридические проблемы при регистрации бизнесаПравовой статус системы «Биткойн» в РФ обсуждается[13][14][15][16][17][18].Правовой_статус_системы_Биткойн
// росийский новояз - уже и в вики
Проблема с юр стороны - неустойчивость законодательства в РФ и рандомное применение права
Проблема в юрисдикциях со стабильным законодательство и устоявшимся правоприменением в области криптовалют - через вас течет трафик с не совсем легальными деньгами, вами интересуются спецслужбы

Худший ответ: Главные сложности, как Вы сами уже наверное поняли - юридические.
С рисками от "ничего не будет" до показательного уголовного процесса, если очень не повезет.
Вопрос: Есть ли хорошие аналоги Visual Studio (на Windows) для Mac OS?

Лучший ответ: https://jetbrains.ru/products/rider/ MacOS, Windows, Android(самые важные для меня платформы)
Брат, да ты привередливый

Худший ответ: Использовать одну технологию для разных платформ это сделать плохо везде, лучше сосредоточить внимание на какой то одной, либо изучите все нативные средства для всех и делайте под каждую свой проект.
Вопрос: Как отправить кнопку без текста telegram?

Лучший ответ: попробуй отправить в тексте вот этот ⁠символ "⁠"

Худший ответ: Можно @BotFather сообщить, какие команды использует ваш бот, и тогда они появятся в клавиатуре внизу. Но инлайновые кнопки нельзя отправить без сообщения, потому что они же инлайновые по определению:)
Старинный трюк -- отправлять какой-то символ с нулевой шириной.
Вопрос: Где найти репетитора / ментора по React 16?

Лучший ответ: Лучший ментор - документация
А что не получается/возникающие вопросы можно сюда писать

Худший ответ: А с чем у тебя проблемы?
Вопрос: Можно ли выставлять в портфолио не реализовавшийся проект?

Лучший ответ: Вполне. 
Многие юзвери после сдачи им сайтов их уродуют до неузнаваемости, при этом в портфолио можно разместить ссылку на свою копию, чтобы было видно то, в каком виде Вы отдали заказчику сайт.

Худший ответ: Сорвался проект, включавший в себя ваши работы, или именно переданный вам заказ?
Вопрос: Останавливается кулер на процессоре и комп, соответственно, зависает — в чём может быть проблема?

Лучший ответ: кулер разобрать - прочистить, смазать - собрать.
но лучше заменить на новый.

Худший ответ: Проблема - внезапно - в кулере :) Сомневаюсь, что он на шариковых подшипниках, скорее всего как обычно - на подшипниках скольжения (sleeve bearing). Если под такой сокет - LGA775 поди? - еще в продаже есть - лучше новый купить. Если нет - придется морочиться с разборкой кулера, чисткой и смазкой...
Вопрос: Самый популярный и востребованный язык в робототехнике?Какая математика нужна в робототехнике?

Лучший ответ: Робототехника огромна. Бывают промышленные роботы, а бывают роботы-автомобили. Вы уж определитесь.
Из математики вам потребуется теоретическая механика. Которая потянет за собой:
-дифференциальные уравнения
-линейную алгебру
-гармонический анализ
-теорию функций комплексного переменного
-теорию функций действительного переменного
-дифференциальную геометрию
Это вот все в вашу нерадивую голову втолкают за 4 курса любого физмата, при условии, что будете учиться, а не балду пинать.
для теоретических изысканий нужен matlab, для практических - C++ или C

Худший ответ: Языков для программирования роботов великое множество.
Начиная от простых типа Wiring для программирования Arduino до Microsoft RDS для программирования "игрушек" стоимостью за 1000 000 долларов
Для разработки и программирования роботов уже не хватает всей математики которая есть
Вопрос: Как добавить событие классу?

Лучший ответ: Это же очевидно: нужно реализовать метод event.

Худший ответ: Это же очевидно: нужно реализовать метод event.
Вопрос: Где найти работу начинающим?

Лучший ответ: Хотелось бы найти человека, который сможет подкидывать "работу".
Проблема в том, что таких как вы очень много, и даже больше, есть те, кто хотят работать за бесплатно, лишь бы набрать опыта. Следовательно, вам нужно доказать потенциальному работодателю, что вы лучше других, не путем демпинга цен, а путем представления себя. Набейте портфолио хорошими работами. 5-6 работ, и вы уже выделяетесь на фоне других. Научитесь писать отклики на заказы (cover letter). Найдите еще одного человека в команду, который будет натягивать вашу верстку на CMS, т.к. чистая верстка на фрилансе реже бывает, и вы рискуете потерять часть заказов.
На фрилансе работают очень много посредников/студий, которые как раз и могут давать вам поток заказов, но нужно убедить их в том, что вы надежные профессионалы.

Худший ответ: Могу подкинуть "работу" и статью для вдохновения.  Для начинания самое то, мне кажется.
Ну и еще вы можете практиковаться самостоятельно. Портфолио можно сделать из своих собственных идей и работ. Используйте онлайн редакторы типа jsfiddle, изучайте программы для дизайна типа Figma, AI и др., препроцессоры, библиотеки, фреймворки и т.д.
Вопрос: Что выбрать вместо MS AD для офиса где солянка из Linux / Windows / Mac?

Лучший ответ: Для openldap писал 3 статьи(для себя), если кому интересно 1 2 3

Худший ответ: Samba4 - это, насколько я знаю "AD без Microsoft". Сам не пробовал, хотя все время хочу найти на это время :) Можно попробовать IPA - это вроде бы решение, которое использует RedHat (хотя живьем платные redhat-овские сервера, конечно же не видел)
Вопрос: Где вы скачиваете веб шрифты?

Лучший ответ: Лучшие ресурсы по шрифтам, как по мне: google fontsfontsquirrel и шрифты и генераторfont2web конвертор fonts4web русские шрифты

Худший ответ: https://www.google.com/fonts же.
Вопрос: JQuery — как реализовать от центра клика разлетающиеся частицы, желательно разлетающиеся семена одуванчика :)?

Лучший ответ: вот такой долбонутый таск от заказчика. Знаю выглядит глупо 
Не называйте задачи долбанутыми и глупыми.  Ведите себя, как профессионал.
Это действительно помогает настроиться на нужный лад, быть более эффективным и конструктивным.
Можно закодить или позаимствовать решение, их много в интернете.

Худший ответ: Сомневаюсь, что вы найдете готовый. Но можно скрестить какой-нибудь феерверк и снегопад и подставить семена одуванчиков.UPD: Наколхозил в конструкторе particles.js
https://codepen.io/stalker-red/pen/xabPmb
Картинки семян надо бы получше подобрать, в идеале несколько штук с анимацией вращения.
Вопрос: Чем селектор «.class ol» отличается от «ol.class»?

Лучший ответ: .foo ol {}<div class="foo">
  <ol>
    <li>...</li>
  </ol>
</div>ol.foo {}<div>
  <ol class="foo">
    <li>...</li>
  </ol>
</div>
Наглядно: https://codepen.io/alexey-m-ukolov/pen/bYoYNg
В одном случае класс .foo назначен одному элементу, в другом другому.
В первом случае вы указываете css-правила элементам <ol>, находящимся внутри элементов с классом .foo, а в другом элементам <ol> в то же время имеющим класс .foo.
Вам нужно прочитать любой учебник по CSS - там всё это (и не только) описано в первых главах.

Худший ответ: ну к примеру есть некий блок .class и внутри его его список ol то его как раз и стилизуете в css так :  .class ol{/* parametrs */}
или отдельно ol.class а его стилизуете так :  ol.class{/* parametrs */}
для примера : https://codepen.io/MaximLensky/pen/eeGGqr
Вопрос: Как производить выборку постов и тегов из Б.Д.?

Лучший ответ: Очень люблю задавать этот вопрос на собеседованиях)
Правильный на мой взгляд ответ: в зависимости от нагрузки.
1. Очевидное быстрое решение - тупо 3НФ в базе, 1 запрос на получение списка постов, еще 1-2 запроса на получение всех тегов из всех этих постов, мерж массивов на ЯП.
2. По мере появления нагрузки можно заниматься различными денормализациями (как минимум можно денормализованно хранить id тегов, как максимум и текстовки тегов тоже).

Худший ответ: Сделать дополнительный запрос
UPD:
Как то так:$posts = $sql->get("SELECT `id`, `name` FROM `posts` WHERE 1");

foreach ($posts as $post) {
    echo $post->name;

    $tags = $sql->get("SELECT `id`, `name` FROM `post_tags` WHERE `post_id` = $post->id");

    foreach ($tags as $tag) {
        echo $tag->name;
    }
}