这是一个关于网站样式的素材，包含了10种不同的CSS选择器，用于描述网页中的工具提示(tooltip)和HTML弹出框(popup)的样式。这些选择器主要用于设置工具提示和HTML弹出框的位置，以便在网页上正确显示和定位。

以下是这10种选择器及其对应的样式：

  1. [boat-tooltip-popup].tooltip.top-left > .tooltip-arrow:设置工具提示位于弹出框左上角的箭头样式。
  2. [boat-tooltip-popup].tooltip.top-right > .tooltip-arrow:设置工具提示位于弹出框右上角的箭头样式。
  3. [boat-tooltip-popup].tooltip.bottom-left > .tooltip-arrow:设置工具提示位于弹出框左下角的箭头样式。
  4. [boat-tooltip-popup].tooltip.bottom-right > .tooltip-arrow:设置工具提示位于弹出框右下角的箭头样式。
  5. [boat-tooltip-popup].tooltip.left-top > .tooltip-arrow:设置工具提示位于弹出框左上角的箭头样式。
  6. [boat-tooltip-popup].tooltip.left-bottom > .tooltip-arrow:设置工具提示位于弹出框左下角的箭头样式。
  7. [boat-tooltip-popup].tooltip.right-top > .tooltip-arrow:设置工具提示位于弹出框右上角的箭头样式。
  8. [boat-tooltip-popup].tooltip.right-bottom > .tooltip-arrow:设置工具提示位于弹出框右下角的箭头样式。
  9. [boat-tooltip-html-popup].tooltip.top-left >:设置HTML弹出框位于页面左上角时使用的样式。
  10. [boat-tooltip-html-popup].tooltip.top-right >:设置HTML弹出框位于页面右上角时使用的样式。

这些选择器可以帮助开发者轻松地自定义工具提示和HTML弹出框的样式，从而提高用户体验。