Применение нескольких классов к одному элементу

Subcomandante.A · August 19, 2011

Друзья, подскажите, пожалуйста, почему к элементу не применяется один из заданных классов.

HTML

<table border="0" cellpadding="15" cellspacing="15" class="bonusChoice">
 <tr>
  <td>
   <div class="accountForm">
     <div class="input">
       <div class="submit">
         <input type="submit" value="Select">
       </div>
     </div>
   </div>
  </td>
 </tr>
</table>

CSS

.body.ar .bonusChoice .accountForm .input {
	float: right;
	height: 1%;
	overflow: hidden;
	width: auto;
	display:inline;
	line-height: 15px;
}

При арабской раскладке не применяется класс bonusChoice. Соответственно применяется следующий стиль:

body.ar .accountForm .input {
	float: left;
	height: 1%;
	overflow: hidden;
	width: 54%;
	display:inline;
	line-height: 15px;
}

Возможно, я что-то неверно прописал в style.css. Скорее всего так и есть, иначе бы все работало

Заранее спасибо.

upd

Случайно опубликовал недописанный пост - без стилей.

Edited August 19, 2011 by Subcomandante.A

sigma77 · August 19, 2011

Subcomandante.A,

а где сами стили?

psywalker · August 19, 2011

1) Вот это чё такое? body.ar

2) Давай лучше ссылку на тестовую страницу.

bonyany · August 19, 2011

видимо это один из элементов body на странице с классом "ar" :rofl:

CalvinKlein · August 19, 2011

что за .body.ar ?!

Edited August 19, 2011 by CalvinKlein

Subcomandante.A · August 19, 2011

1) Вот это чё такое? body.ar
2) Давай лучше ссылку на тестовую страницу.

1) Это арабский дирекшн для всего, что находится между тегами <body>

HTML

<body{% if LANGUAGE_CODE == "ar" %} class="ar"{% endif %}>

CSS

body.ar {
	direction: rtl;
	etc...
}

Соответственно, когда пользователь переключает язык на арабский, игнорируется класс .bonusChoice, и мы имеем совсем не то выравнивание {float} для кнопки, которое нужно:

.body.ar .bonusChoice .accountForm .input {
        float: right;
        height: 1%;
        overflow: hidden;
        width: auto;
        display:inline;
        line-height: 15px;
}

2)Редактирую страницу на отладочной версии сайта, на основной версии ее еще нет. Пароли к демо-версии даются только разработчикам

Edited August 19, 2011 by Subcomandante.A

psywalker · August 19, 2011

1) Это арабский дирекшн для всего, что находится между тегами <body>
HTML
<body{% if LANGUAGE_CODE == "ar" %} class="ar"{% endif %}>
Вот скорее всего из-за этого и не пашет. Где класс .body ?

Subcomandante.A · August 19, 2011

Спасибо всем, кто откликнулся - уже разобрался, в чем ошибся. Как обычно, все дело в криворукости - прописал body.ar .bonusChoice .accountForm .input с точкой перед body.

Edited August 19, 2011 by Subcomandante.A

psywalker · August 19, 2011

Спасибо всем, кто откликнулся - уже разобрался, в чем ошибся. Как обычно, все дело в криворукости - прописал body.ar .bonusChoice .accountForm .input с точкой перед body.

Воот, другое дело

Sign In

Применение нескольких классов к одному элементу

Question

Subcomandante.A

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

sigma77

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

bonyany

Link to comment

Share on other sites

CalvinKlein

Link to comment

Share on other sites

Subcomandante.A

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Subcomandante.A

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information