хаки ксс, что еще не известно

[RodgerFox]

Топик в виде письма.

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

В систематике CSS есть такие хаки, на пример > [type=""] и т.д. Так вот что сейчас интересно, у тебя нету полного списка таких хаков? Все чаще начинаю их использовать, точнее уже повсеместно и кажется что их больше чем я знаю и второй самый интригующий меня вопрос.

Есть на пример кнопка

<p><input ../></p> на пример делаем эфект при клике

input:active {...} как на ксс задать, что при нажатии на инпут параграфу выше задаем свои новый ксс свойства? решение такое есть?

Пробовал решить специально созданную для этого задачу, выход - пришлось сильно поджимать параграф задавая ему тьму свойств, которые можно и обойти сделав элемент более "резиновым". link - http://jsfiddle.net/C5hWY/59/

p.s. хотел письмом отправить, но юзер игнорит мну TT

[Vadimka]

во первых это не хаки а псевдоклассы и селекторы в css - вот почитай тут http://everstudent.ru/blog/htmlcss/30-css-seletors-to-memorize/

а на счёт твоего инпута я толком ничего и не понял. хочешь чтобы при нажатие он смещался? так просто задал input:active { position: relative; top: 1px; left: 1px;} или так же через марджины

[RodgerFox]

Блин, не то все... это все знаю. Вот пример, может так будет попонятнее, я плохо объясню все ~_~

<p><a href="#"></a></p>
a:active {} + изменялся сам p 

т.е. при нажатии на ссылку меняется свойства у параграфа в котором находится ссылка

p:active - не подходит.

Возможно ли так сделать?

[npofopr]

Вроде только через js.

Во всяком случае вроде тут обширный список, но такого нет, да и сам не встречал.

Обычно в ссылку все оборачивают, а там уж меняют внутренности)

[Vadimka]

хм.стандартными способами html + css думаю нельзя, а через jquery легко, создал для p класс например p.active с нужными тебе параметрами и при клике по ссылке внутри p сделал чтобы родителю присваивался класс .active то есь нажал на A и P присвоился класс .active, отпустил - класс удалился

[RodgerFox]

Очень жаль.... Большое всем спасибо. А если не трудно можно кусочек кода, который как раз будет добавлять класс при нажатии?

[Vadimka]

jQuery(function(){

    $('a').click(function() {
        $(this).parent().addClass('active');
    }, function() {
        $(this).parent().removeClass('active');
    });
});

что то типа того, у меня для IE6 вместо псевдокласса hover для блоков так делалось, проверить работоспособность кода не могу в данный момент, если не работает, завтра подправлю, но суть примерно такая, это с подключение jquery библиотеки