How to combine the two CSS rules with a single selector [duplicate]

Question

I have two CSS rules with different selectors which I want to combine. Both rules have the same CSS properties. The first selector targets th elements, and the other selector targets td elements:

.MyClass th:nth-child(n+6):nth-child(-n+9){
    text-align: right;
}

.MyClass td:nth-child(n+6):nth-child(-n+9){
    text-align: right;
}

I suppose it is possible to combine these two rules, but how?

EDIT

Okey, I know I put my answer in wrong. My question is a little to simple!

I already was aweare of putting them together with a comma like this:

.MyClass th:nth-child(n+6):nth-child(-n+9),
.MyClass td:nth-child(n+6):nth-child(-n+9){
    text-align: right;
}

But what I actually wanted to know is how to only do a single selector of :nth-child(n+6):nth-child(-n+9).

Gosh I hate when an answer is so easy, and I keep putting comments. — Jeremy D
– Jeremy D, Commented Sep 17, 2013 at 7:03
It is kind of too late now :D I wont get the credit for it, how rude. — Jeremy D
– Jeremy D, Commented Sep 17, 2013 at 7:05
Or actually contribute to the site and mark it as a duplicate. — simonzack
– simonzack, Commented Sep 17, 2013 at 7:06

Mr. Alien · Accepted Answer · 2013-09-17 07:06:24Z

3

Did you try

.MyClass th:nth-child(n+6):nth-child(-n+9), 
.MyClass td:nth-child(n+6):nth-child(-n+9) {
    text-align: right;
}

edited Sep 17, 2013 at 7:06

Mr. Alien

158k36 gold badges307 silver badges287 bronze badges

answered Sep 17, 2013 at 7:02

Ganesh Pandhere

1,6528 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Timo002 Over a year ago

This works, thanks. But I hoped for a shorter version! I will change my question.

Mr. Alien Over a year ago

@Timo002 don't change, post another....

Mr. Alien · Accepted Answer · 2013-09-17 07:07:27Z

3

Use a comma , separator, here is a sample

.class1, .class2 {
   text-align: right;
}

edited Sep 17, 2013 at 7:07

Mr. Alien

158k36 gold badges307 silver badges287 bronze badges

answered Sep 17, 2013 at 7:03

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

1 Comment

Mr. Alien Over a year ago

I don't know why a downvote here?

Collectives™ on Stack Overflow

How to combine the two CSS rules with a single selector [duplicate]

2 Answers 2

2 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Linked

Related