Question

I’m going to make WP widget plugin and want to make it theme independent.

What I mean about this is the fact that I need this widget to keep style set in its CSS regardless of theme used. I’m worrying that theme will overwrite its style.

What’s the best CSS technique to do this ? Should I use style based on widget ID(#) or its Class(.) ?

Answer 1

It’s unlikely that someone overwrite your style if you define a container with an ID and have all your style declarations use this ID in the selector.

#MyWidget p {
    color: #ffcc00;
}

#MyWidget p a {
    text-decoration: none;
}

The more specific your selectors are, the more priority they have.