diff --git a/README.md b/README.md
index 42c4d80..4440ceb 100644
--- a/README.md
+++ b/README.md
@@ -82,7 +82,7 @@ Online demo: <https://react-component.github.io/tooltip/demo>
 | onVisibleChange      | (visible: boolean) => void;               |                     | Callback when visible change                                                                                                                                     |
 | afterVisibleChange   | (visible: boolean) => void;               |                     | Callback after visible change                                                                                                                                    |
 | overlay              | ReactNode \| () => ReactNode              |                     | tooltip overlay content                                                                                                                                          |
-| overlayStyle         | object                                    |                     | style of tooltip overlay                                                                                                                                         |
+| overlayStyle         | object                                    |                     | deprecated, Please use `styles={{ root: {} }}`                                                                                                                                         |
 | overlayClassName     | string                                    |                     | className of tooltip overlay                                                                                                                                     |
 | prefixCls            | string                                    | 'rc-tooltip'        | prefix class name of tooltip                                                                                                                                     |
 | mouseEnterDelay      | number                                    | 0                   | delay time (in second) before tooltip shows when mouse enter                                                                                                     |
@@ -92,6 +92,8 @@ Online demo: <https://react-component.github.io/tooltip/demo>
 | align                | object                                    |                     | align config of tooltip. Please ref demo for usage example                                                                                                       |
 | showArrow            | boolean \| object                         | false               | whether to show arrow of tooltip                                                                                                                                 |
 | zIndex               | number                                    |                     | config popup tooltip zIndex                                                                                                                                      |
+| classNames           | classNames?: { root?: string; inner?: string;};            |                     | Semantic DOM class                                                                                                                                               |
+| styles               | styles?: {root?: React.CSSProperties;inner?: React.CSSProperties;};     |                     | Semantic DOM styles                                                                                                                                              |
 
 ## Important Note
 
diff --git a/src/Tooltip.tsx b/src/Tooltip.tsx
index 395019d..f422740 100644
--- a/src/Tooltip.tsx
+++ b/src/Tooltip.tsx
@@ -33,6 +33,7 @@ export interface TooltipProps
   onVisibleChange?: (visible: boolean) => void;
   afterVisibleChange?: (visible: boolean) => void;
   overlay: (() => React.ReactNode) | React.ReactNode;
+  /** @deprecated Please use `styles={{ root: {} }}` */
   overlayStyle?: React.CSSProperties;
   overlayClassName?: string;
   getTooltipContainer?: (node: HTMLElement) => HTMLElement;
@@ -41,6 +42,7 @@ export interface TooltipProps
   showArrow?: boolean | ArrowType;
   arrowContent?: React.ReactNode;
   id?: string;
+  /** @deprecated Please use `styles={{ inner: {} }}` */
   overlayInnerStyle?: React.CSSProperties;
   zIndex?: number;
   styles?: TooltipStyles;