Форум на Kuban.ru (http://forums.kuban.ru/)
-   Веб-дизайн и программирование (http://forums.kuban.ru/f1030/)
-   -   Вопрос к людям, хорошо разбирающимися с каскадными стилями (http://forums.kuban.ru/f1030/vopros_k_lyudyam_horosho_razbirayushimisya_s_kaskadnymi_stilyami-3679343.html)

ars_2007 09.02.2013 21:58

Вопрос к людям, хорошо разбирающимися с каскадными стилями
 
css
<style>
.LBTools {background:white**
table {background:blue**
#someID{background:red**
</style>

и
<div align="left" class="">Текст</div>

можно ли сделать этому диву класс, предназначенный для table и для конкретных id-шнеков?

<div align="left" class="LBTools">Текст</div> - робит
<div align="left" class="table">Текст</div> - не робит
<div align="left" class="someID">Текст</div> - не робит
(по крайней мере в опере)

а можно ли как-то хитро сделать, чтобы работало?

darkheart 09.02.2013 22:17

У тебя каша какая-то в стилях, ясен пень работать не будет, так как в html у тебя прописано три класса, а в стилях первая строчка- это класс, потому и работает, второе - элемен, поэтому и не работает, и третье - идентификатор, поэтому тоже не работает

чтобы работало нужно стили так написать

<style>
.LBTools {background:white;**
.table {background:blue;**
.someID {background:red;**
</style>

ars_2007 09.02.2013 22:28

[quote=darkheart;28981668] а в стилях первая строчка- это класс[/quote]
не класс, а селектор класса, со своей кашей сначала разгребись =))


[quote=darkheart;28981668]чтобы работало нужно стили так написать[/quote]
чудило, ты вообще читать нормально умееш? =))))
Ты понял, про что вопрос темы? =)))))


[quote=darkheart;28981668]второе - элемен, поэтому и не работает, и третье - идентификатор, поэтому тоже не работает[/quote]
[img]https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTUEguhyM2X6_UBaKQ_TpMjGVzevq66UzF7wLRTMg4XhTrfkstg9A[/img]

darkheart 09.02.2013 23:05

тогда научитесь по-русски описывать задачу, а не на удмурдско-румынском языке изъясняться. Потому что ни черта не понятно, а судя по вашим стилям и разметке, то какая-то бредятина.
Зачем диву класс предназначенный для таблицы, если класс можно задать самой таблицы, если нужно чтобы таблицы в конкретном блоке имели свой стиль, то так и пиши

.table table{background:blue;** -если это имелось ввиду

Kuba 09.02.2013 23:09

<style>
.LBTools {background:white**
table, .table {background:blue**
#someID, .someID {background:red**
</style>

darkheart 09.02.2013 23:17

И да, перед тем, как начинать умничать и высказывать свое недовольство, научитесь сначала ставить точку с запятой

ars_2007 09.02.2013 23:19

Таки придется делать сноску для танкистов:
<style...</style> - НЕ ТРОГАТЬ.

"можно ли сделать [b]этому диву класс[/b], предназначенный для table и для конкретных id-шнеков?"

Мне надо знать, можно ли каким-то методом присвоить диву (или другому элементу) класс селектора [b]елемента[/b] и/или [b]идентификатора[/b].

ars_2007 09.02.2013 23:20

5-darkheart >
[img]https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTUEguhyM2X6_UBaKQ_TpMjGVzevq66UzF7wLRTMg4XhTrfkstg9A[/img]

А точка с запятой в конце не нужна

Kuba 09.02.2013 23:36

6-Гавайские субтитры >а зачем??

ars_2007 10.02.2013 00:51

8-Kuba >
просто интересуют все возможные виды применения css селекторов.

К примеру, еще интересует, если есть селектор вот такого вида
table.tclass{.....**
table>td.tclass{.....**

то можно ли будет их назначить через атрибут class, типа как <div class="table.tclass"> или еще чего.

И как с селекторами айдишнеков, осталось тоже непонятным.

ars_2007 10.02.2013 01:31

И по псевдоэлементам тож интересно.
Можно ли например группировать типа:
A:link,visited ** color: red **

и по псевдоклассам
P:first-line,first-letter ** font-size: 24pt **

или вот так даж
A:link,first-letter **....**

можн ли так?

ars_2007 29.07.2013 21:19

ладно, хрен с ним, вот вопрос попроще:
Можно ли как-то группировать то, что в селекторах?
Ну, типа
body **......**
это токо для тэга body
А можно как-то сделать, чтобы один стиль задать сразу нескольким тэгам/классам?
Типо
p, div, a **.......**

ну т.е. чтобы в тэгах p, в теге div и в ссылках был допустим один красный цвет текста.
???

ars_2007 29.07.2013 21:21

админу отбить руки

droidman 30.07.2013 00:37

Для начала, распечатать [url=http://www.w3.org/TR/CSS2/selector.html]это[/url] и читать перед сном =)

Потом, использовать тэги [code] и [noparse] =)

И наконец - освойте препроцессоры CSS - LESS или лучше SASS. По-моему, это то что вы ищете.

Ipro 30.07.2013 09:14

жуть!

ars_2007 30.07.2013 12:07

[quote=droidman;31513618]Для начала, распечатать это и читать перед сном =)[/quote]
вот это я как раз и освоил.
Там про группы селекторов нету.
элемент через пробел - это вложение.
через плюс - чередование
через знак "больше" - дочерний

про группы, типа
[code]div, a ** ... ** [/code]
там нету.

напускать туману и кадать банальные ссылки с типа умным видом - каждый дурак может. И думаю вы не исключение.

Kuba 30.07.2013 12:37

5.2.1 Grouping

When several selectors share the same declarations, they may be grouped into a comma-separated list.

In this example, we condense three rules with identical declarations into one. Thus,


h1 ** font-family: sans-serif **
h2 ** font-family: sans-serif **
h3 ** font-family: sans-serif **


is equivalent to:

h1, h2, h3 ** font-family: sans-serif **

ars_2007 30.07.2013 12:43

Вот так бы и сразу =)
Thanx

ars_2007 30.07.2013 15:29

А комбинации с группами и остальным, типа
h1, h2.class1, h3>span+a, h4+a+span:first-letter#id1, b#id2
прокатывают?

droidman 30.07.2013 18:31

я наверно отстал от жизни, но что значит селектор "**" ?

кстати 5.2.1 оттуда

ars_2007 30.07.2013 18:36

[quote=droidman;31525309]я наверно отстал от жизни, но что значит селектор "**" ?[/quote]
админу отбить руки это значит

[quote=droidman;31525309]кстати 5.2.1 оттуда[/quote]
из w3.org

droidman 30.07.2013 18:42

т.е. это тупо "*" чтоли?

ars_2007 30.07.2013 19:24

21-droidman >
не. Фигурная кавычка. Левая причом. =)
А админу - отбить руки.


Текущее время: 00:27. Часовой пояс GMT +3.