Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   При добавление класса к элементу не добавляется его стиль! (https://javascript.ru/forum/xhtml-html-css/59707-pri-dobavlenie-klassa-k-ehlementu-ne-dobavlyaetsya-ego-stil.html)

AciDWarrioR 23.11.2015 15:19

При добавление класса к элементу не добавляется его стиль!
 
Здравствуйте! Проблема, естественно, кроется в моей некомпетентности. В общем штука такая. Создается динамическая таблица для редактирования объектов. Когда мы выбираем объект и начинаем его переносить, т.е. менять его геометрию, то по отпусканию клавиши мыши в массив записываются его клоны, чтобы реализовать процедуру Ctr+Z. Ну и нужно когда в массиве оказывается два и более элемента ( 0 - начальный, 1 - изменненный..) нужно добавить стрелочки назад другой цвет. Вот как я это пытаюсь сделать (класс добавляется но в инспекторе хрома у элемента нету в описании стиля его):
.back img{
			border-right: 1px solid #004ab9;
			background-color: #B0B0B0;
			position: absolute;
			top: -0.5px;
			right: 60px;
			width: 19px;
			height: 20px;
		}
		.back  img .access{
			background-color: white;
			cursor: pointer;
		}

****

		<table id="featureTable" class="unsick">
			<caption>Table Features
				<div class="back"><img src="img/back.png"></div>
				<div class="forward"><img src="img/forward.png"></div>
				<div class="apply"><img src="img/apply.png"></div>
				<div class="cancel"><img src="img/cancel.png"></div>
			</caption>
				<thead>
					<tr>
						<th>FID</th>
						<th>Type</th>
						<th>Description</th>
					</tr>
				</thead>
				<tbody  id="body">
				</tbody>
		</table>


select.getFeatures().on('add', function(e){
			changeFeature = e.element;
			unchangeFeature.push(e.element.clone());
			e.element.on('change', function(e){
				dirty[e.target.getId()] = true;
				$('#map').mouseup(function(){
					unchangeFeature.push(changeFeature.clone());
					$('.back img').addClass('.access');
				});
			});
		});
		select.getFeatures().on('remove', function(e){


Гуру и опытные ребята, подскажите, будьте добры!
Заранее благодарен, Ваша пиздарность(:D

ksa 23.11.2015 16:28

Цитата:

Сообщение от AciDWarrioR
.back  img .access{}

Неверный селектор...

.back  img.access{}

Без пробела. ;)

AciDWarrioR 23.11.2015 16:46

Цитата:

Сообщение от ksa (Сообщение 397337)
Неверный селектор...

.back  img.access{}

Без пробела. ;)

Большое спасибо! А вот теперь можете объяснить в чем разница между этими вариантами(кроме очевидного присутствия и отсутствия пробела:D) ну и когда какой вариант нужно использовать?

рони 23.11.2015 16:50

AciDWarrioR,
img.access 1 картинка с классом access
img .access неизвестное чудо внутри картинки

AciDWarrioR 23.11.2015 16:55

Цитата:

Сообщение от ksa (Сообщение 397337)
Неверный селектор...

.back  img.access{}

Без пробела. ;)

Цитата:

Сообщение от рони (Сообщение 397344)
AciDWarrioR,
img.access 1 картинка с классом access
img .access неизвестное чудо внутри картинки

а вот если так будет стиль описан
.back .access img{}


Как тогда?

рони 23.11.2015 17:12

AciDWarrioR,
Цитата:

Сообщение от AciDWarrioR
.back .access img{}

три элемента внутри каждого следующий

AciDWarrioR 23.11.2015 17:13

Цитата:

Сообщение от рони (Сообщение 397348)
AciDWarrioR,

три элемента внутри каждого следующий

Оооо)) спасибо, буду теперь адекватным человеком :thanks: :victory:


Часовой пояс GMT +3, время: 02:05.