Question

Как сделать что бы стили не конфликтовали?
 

Сами стили:

/*Круглые углы у таблицы */
div.radius {
border-radius: 15px;
background: #e7d5c0;
}
/*Круглые углы у таблицы конец */

ЕСЛИ В CSS Втавить ВОТ этот стиль:

 /*обесцвечивание круглой картинки */

часть убрал, иначе получалось больше 8000 знаков
}
img.grayscale {
width: 200px;
height: 200px;
border-radius: 50%;
}

/*обесцвечивание круглой картинки конец */

На этом скрине видно что /*обесцвечивание круглой картинки */  "отключил"  /*Круглые углы у таблицы */ ( смотри следующий скрин)

 

А здесь я удалил /*обесцвечивание круглой картинки */  и соответственно картинки стали не такие как я хочу, но  /*Круглые углы у таблицы */ заработал. Это овальное выделение части текста.

 

Как сделать что бы и тот и тот сьиль работали вместе?

 

Answer 1

Стили не конфликтуют, просто в стилях допускаются элементарные ошибки:

img.grayscale {
width: 200px;
height: 200px;border-radius: 50%;} .

вот в этих стилей в конце имеется точка, что она там делает, ее там не должно быть. Когда копируете стили с сторонних ресурсов, смотрите внимательно что копируете, вот так и допускаются ошибки.

Comments

Уважаемый автор: Yuri_G.

Все пересмотрел, ну нет там точки, где Вы указали.

img.grayscale {
width: 200px;
height: 200px;border-radius: 50%;} .

Что то в другом собака зарыта.

---

Фёдор Тимофеев,

то что вижу я:

---

Yuri_Geruk,

ДА! Была точка.

КАК? можно сделать точку в CSS невидимой?

 Я просто скопировал скобку с другого места вставил в необходимое и все заработало.