ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] [Junior] удаление отдельных элементов из класса
19 сообщений из 19, страница 1 из 1
[CSS] [Junior] удаление отдельных элементов из класса
    #37998271
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
Есть определенный класс, в нем описано несколько элементов стиля. И есть ситуация, что мне подходит данный стиль за исключением определенного элемента например font-size.

Как мне правильно применить данный стиль исключая определенный элемент вообще, как будто его и не было никлогда в данном стиле?

Спасибо
...
Рейтинг: 0 / 0
15.10.2012, 12:09:13
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #37998296
Фотография Ифреймов Вася
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ифреймов Вася
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<style type="text/css">
.first{
	font-size:40px;
	color:#222222;
}
.second{
	color:#ff0000;
}
</style>
<div class="first second">
	content
</div>
...
Рейтинг: 0 / 0
15.10.2012, 12:18:23
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #37998298
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mage.lan
Участник
kasik,

"не было никогда" - понятие не правильное, у браузера есть предопределенные стили, правда доктайп на них влияет, поэтому вашу задачу можно решать приблизительно так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<style>
.myClass1 {
  /* все, что не может изменятся */
}
.font10 {
    font-size: 10pt;
}
.bkgHint {
    background-color: yellow;
}
</style>
<div class="myClass1 font10"></div>
<div class="myClass1 bkgHint"></div>
<div class="myClass1 bkgHint font10"></div>
...
Рейтинг: 0 / 0
15.10.2012, 12:19:37
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #37998369
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
Это все интересно, но вы ведете речь о том, что я сам формирую классы, это и понятно, что сам я могу что хочешь сконфигурировать, так как надо мне. Но речь идет о уже заготовленных классах, о сторонних так сказать, и как мне можно сделать веше описанное, без правки этих самых стилей?
...
Рейтинг: 0 / 0
15.10.2012, 12:46:55
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #37998381
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
если уже были ранее наложены другие классы, то в своём для переопределения частенько помогает такое:

Код: sql
1.
.mycls {font-size:10pt !important}
...
Рейтинг: 0 / 0
15.10.2012, 12:49:29
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #37998457
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
То есть мне надо создать свой на основе того, который хочу использовать, с данной кострукцией(important).
Так?
...
Рейтинг: 0 / 0
15.10.2012, 13:15:06
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #37998617
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
сначала посмотрите все текущие стили у нужного вам элемента через средства разработчика в том браузере, в котором вы работаете. потом выберите нужные вам для изменения стили и сделайте новый класс уже с ними. этот класс нужно будет прописать у вашего элемента. удачи
...
Рейтинг: 0 / 0
15.10.2012, 14:07:20
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38000094
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
Все понятно, спасибо
...
Рейтинг: 0 / 0
16.10.2012, 12:04:29
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38011784
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
Как сделать следующее:
Есть у меня допустим элемент с определенным id. Необходимо сделать так что бына него и на все его дочерние э
лементы не распространялись общие стили по типу элемента(button, div, p, a, span и тд). Что бы данный элемент был девственно чист от всех стилей, а потом уж я бы сам накладывал на него необходимые классы и раздел style.

Можно ли такое сделать?
...
Рейтинг: 0 / 0
24.10.2012, 16:55:27
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38011886
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Для начала почитай про приоритеты стилей. У класса приоритет выше, чем для тэга, а для идентефикатора - выше, чем для класса. И т.д. Во-вторых, использование конструкции "!important" очень не поощряется ... плохо это ... и использовать надо только в "уточняющих" конструкциях, как это написал mage.lan . В-третьих, зачем надо "очищать" элемент от стилей? - Просто не назначай. Нехорошо это - для тэгов назначать стили. Для того классы и придумали. Но если уж так случилось, то используют определенный класс - типа, ".reset", где обнуляют все стили. Но это не решение, это костыль и недоработка архитектуры.

Думаю, ты сам запутался и путаешь нас, приведи реальную ситуацию с кодом и желаемую цель. Думаю, все значительно тривиальнее.
...
Рейтинг: 0 / 0
24.10.2012, 17:44:44
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38011926
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
Допустим используется общий файл css там много всего написанный не мной, есть там стили типа:
Код: css
1.
2.
3.
4.
5.
td, body, p, div, span {
    color: #000000;
    font-family: Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-size: 9pt;
}



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

есть иерархия:

div
p
span

Нужно что бы данные элементы не подчинялись общему правилу, что можно было задать самому элементы и его подэлементом другой аттрибут отличный от глобального.

как это сделать?

Спасибо
...
Рейтинг: 0 / 0
24.10.2012, 18:05:48
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38011952
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mage.lan
Участник
kasik,
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<style>
.myblock div {color: red; font: 11px serif;}
.myblock div p {color: green; font: 11px serif;}
.myblock div p span {color: blue; font: 11px serif;}
</style>

<div class="myblock">
  <div>div text
     <p>para text 
       <span>span text</span>
     </p>
  </div>
</div>


оторвите руки тому, кто писал цсс.
перечислять более 3х фонтов - моветон.
...
Рейтинг: 0 / 0
24.10.2012, 18:22:28
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38011983
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
это Вы написали как надо?

Дело все в том что это системный css и он подключается автоматов к вэб приложению.
Oracle Apex
...
Рейтинг: 0 / 0
24.10.2012, 18:33:07
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38012317
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Если ты укажешь
Код: css
1.
2.
3.
.someContainer .someClass, .someContainer div {
    styles
}


то их приоритет будет выше дефолтного, то есть ты его переопределишь.
...
Рейтинг: 0 / 0
25.10.2012, 00:20:50
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38016881
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
В продолжении темы:

Использую несколько плагинов под jQuery, и у каждого свой css + сама система, на которой разрабатывается вэб-приложение добавляет свои css файлы. И соответственно случается, что какие то стили перекрывают или дублируют друг друга, вообщем окнфликтуют, из за это бывает что слетают элементы. выглядят не так как должны. Да и допустив в FF нормально, пробую в IE совсем другие зазоры, размеры, сдвиги, все поплыло...

Какие есть механизы для борьбы с данными явлениями, а то это столько время отнимает, и приходится разные параметры подбирать под браузер и пользоваться механизмом "<!--[if IE]>".
...
Рейтинг: 0 / 0
29.10.2012, 13:19:58
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38017258
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
а) тот, который ты привел (самый плохой);
б) использовать особенности каждого из браузеров для кастомизации стилей (универсально, но не проходит проверку);
в) остановиться на наборе браузеров типа Chr, FF, Saf, IE9-10 (8?) и делать более универсально (идеальный вариант, если подходит);
г) для каждого из браузеров создать свой файл стилей, анализировать на сервере устройство/браузер и отдавать нужный файл (пожалуй, фактически единственно правильное решение при поддержке мобильной платформы и/или нескольких вариантов страниц - архитектурно правильное решение).
...
Рейтинг: 0 / 0
29.10.2012, 15:53:50
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38018245
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
но все равно же подключать тот или иной css я буду через механизм "<!--[if IE]>". Или есть более лучшие варианты?
...
Рейтинг: 0 / 0
30.10.2012, 11:02:28
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38018513
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
kasikно все равно же подключать тот или иной css я буду через механизм "<!--[if IE]>". Или есть более лучшие варианты?<link href="styles. php "/>
...
Рейтинг: 0 / 0
30.10.2012, 13:11:20
| Ответить | Цитировать | Написать  
[CSS] [Junior] удаление отдельных элементов из класса
    #38018908
kasik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasik
Участник
на вэб сервере нет поддержки php
...
Рейтинг: 0 / 0
30.10.2012, 15:51:32
| Ответить | Цитировать | Написать  
19 сообщений из 19, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] [Junior] удаление отдельных элементов из класса
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=152&tid=1449174]:
 0ms
get settings:
 8ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 39ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 202ms
total:  327ms
созд. / загр.: 327ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]