Hi all.

I have another code question for the pros:

I've indented my body <p> elements....

p {
color: #90428b;
text-indent: 1.5rem;
text-align: justify;
}


...but want to remove that indent from a time element at the top of the page:
(<p><time datetime="2013-05-08" id="pubdate">May 8, 2013</time></p>).

I've tried the following css rules but neither of them overides the plain <p> indent value - no matter how specific I get - even putting the time rule AFTER the p rule.

And there is only one time element on the whole page, so I don't get what I'm doing wrong.

Here's what I've tried so far:

-----------------------------------------------------------

p time {
text-indent: 0;
}

p time[datetime="2013-05-08"] {
text-indent: 0;
}

p[datetime="2013-05-08"] {
text-indent: 0;
}

*[datetime="2013-05-08"] {
text-indent: 0;
}

time[datetime="2013-05-08"] {
text-indent: 0;
}

#pubdate {
text-indent: 0;
{

#pubdate[datetime="2013-05-08"] {
text-indent: 0;
}

#pubdate * [datetime="2013-05-08"] {
text-indent: 0;
}

time#pubdate * [datetime="2013-05-08"] {
text-indent: 0;
}


-----------------------------------------------------------

I'm only using an external stylesheet, so there is no inline css to conflict.

Any thoughts?

B.