# Custom CSS Selection Styling

Custom Selection Styling is fun! 🎉

The ::selection CSS pseudo-element allows you to apply styles to your text when it’s highlighted. It's a great way to add some pizzaz to your site 💃

p::selection {
  background: DeepPink;
  color: white;
}

For Firefox, you will need to use ::-moz-selection 👍

p::-moz-selection {
  background: DeepPink;
  color: white;
}

# Community Input

@robinware77: This sounds like it could be used to make secret code messages. Only if you highlight the correct words will the next clue be revealed!

# Resources

• CSS Tricks: Selection