22 июля, 2010

CSS

Полезные селекторы CSS

Соседние селекторы

strong + i { color: red; }

Дочерние селекторы

Отличаются от контекстных строгой вложенностью первого уровня

ul > li { color: red; }

Селекторы атрибутов

td[align] { color:#000000; }
input[type="submit"] { color:#000000; }

Псевдоклассы

a:link { text-decoration: none; }
a:visited { color:#999999; }
a:hover { color:#FF0000; }
a:active { border-bottom: 1px solid #999999; }
input:focus { color: red; }
td:first-child { background-color:#F2F2F2; }
#menu a:last-child {  } //???
p.de q:lang(de) { quotes: "\201E" "\201C"; } //UTF
table tbody tr:nth-child(odd) { background-color:#F2F2F2; }
table tbody tr:nth-child(1) { background: #666; color: #fff; } 
table tbody tr:nth-child(2n+1) { color:red; }
tr:first-of-type { background: #808990; color: #fff; }
td:first-of-type { background: #CFD6D3; }
p.comment:target { color:red; }

Псевдоэлементы

p.new:after { content: " — New!"; }
ul li:before { content: "— "; }
p:first-letter { font-family: 'Times New Roman', Times, serif; font-size: 200%; color: red; }
p.question:first-line { color:#555555; }

Добавить комментарий

2010–2019 Блог Максима Златова, контакты

PHP execution time: 0.0096 s.
SQL execution time: 0.0015 s. (select publication with comments)

Яндекс.Метрика