? ????? ???? ??? ??? ???? ??? ???? ?????? CSS? :: ?? ?? ??? ?? ??? ? ????. :: ??? ???? ??? ???? ???, ?? ?? ?? ?? ?? ??? ??? ? ??? ?? ? ????? ??? ???? ????. ???? p :: ?? ?? .highlight :: selection? ?? ?? ?? ? ???? ?? ?? ? ? ????. ???? ???? ?? ? ?? ??? ?? -webkit- ???? ???? ?? ????. ?? ??? ???? ???? ???? ??? ??? ???? ??? ???? ?? ??? ??? ?? ?? ?? ??? ??? ? ????.

? ???? ??? ??? ???? ?????? ????? ????? ????? ?? ? ???? ???? ??? ???? ?? ????? CSS? ::selection ?? ??? ?? ??? ?? ??? ??? ?? ? ? ????.

::selection ??????

::selection ? ????? ???? ??? ???? ?? ?? ???? ??? ??? CSS ?? ?????. ?? ??, ???, ?? ?? ?? ?? ?? ?? ??? ??????.

? ?? ??? CSS ??? ??? ????? ?? ???????.

• color
• background-color
• cursor
• caret-color
• outline ? ?? ??? ?? ?? ( text-shadow : ?? ??????? ?????)
  ?? ? ????? ??? ?? ?? ???? ??????.

?? ?? ::selection ?

?? ??? ?? ?????. ???? :: ?? ::selection :

 p :: ?? {
  ??? : #FF9900;
  ?? : #ffff;
}

?? ??? ???? ??? ???? ???? ??? ???? ????.

?? ???? ???? ?? ?? ???? ????? ::selection ? ????.

 *:: ?? {
  ??? : Lightblue;
  ?? : Darkblue;
}

??? ??? ?? ? ?? ??? ??? ???? ?? ??? ??? ??? ??? ?? ??? ??? ? ????.

??? ??? ??? ??? ??????

?? ?? ???? ?? ::selection ???, ?? ??? ?????? ? ???? ?? ???? -webkit- ???? ???? ?? ?? ????.

 p :: ?? {
  ??? : #FF9900;
  ?? : #ffff;
}

p ::-webkit-selection {
  ??? : #FF9900;
  ?? : #ffff;
}

???? ?????? ? ?? ???? ???? ??? -webkit- ??? ??? ??? ?? ??, ?? ?? iOS ????? ?? ? ????.

?? ??? ?? ??? ? ?????

????. ?? ??, ??? ?? ? ??? ?? ?? ??? ???? ??? ? ????.

 .Highlight :: ?? {
  ??? : ???;
  ?? : ?? ?;
}

.code-block :: ?? {
  ??? : #333;
  ?? : #0f0;
}

?? ???, .highlight ?????? ??? ??? ??? ?? ? ??? ???? ??. .code-block ? ?? ?? ?????? ??? ?? ???? ??? ? ??? ???? ???? ?????.

????? ?? ??. ?? ::selection ? ?????? ?? ??? ??? ???? ?? ??? ???? ? ????. ?? ????? ?? ?????.

? ??? CSS Selectors? ?? :: ?? ?? ??? ???? ? ????? ??? ?? ??? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!