Articles of css

Seletor CSS envolvendo pseudo class first-child e dropcap

Preciso formatar HTML semelhante ao abaixo. Basicamente, uma citação é opcional , e eu preciso deixar cair a primeira letra do parágrafo do corpo. Genius begins great works; labor alone finishes them.– Joseph Joubert Life is like a box of chocolates. … … Meu CSS é assim: article > p:first-child:first-letter { float: left; font-family: Georgia, […]

Como mostrar apenas certas partes com CSS para impressão?

Eu tenho uma página com muitos dados, tabelas e conteúdo. Eu quero fazer uma versão impressa que mostrará apenas algumas poucas coisas selecionadas. Em vez de escrever outra página apenas para impressão, eu estava lendo sobre o recurso do CSS para “@media print”. Primeiro, quais navegadores suportam isso? Como esse é um recurso interno, tudo […]

Combinar atributos de CSS e seletores de pseudoelemento?

Como posso combinar um seletor de pseudoelemento ( :after ) com um seletor de atributos ( [title] )? Eu tentei usar div[title]:after , mas isso não funciona no Chrome. HTML: This div has a title. This div does not have a title. CSS: div:after { content: “NO”; } div[title]:after { content: “YES”; } Demonstração: http://jsfiddle.net/jmAX6/ […]

Existe uma maneira de interpolar variables ​​CSS com url ()?

Eu quero armazenar meus URLs de fundo em propriedades personalizadas (variables ​​CSS) e usá-los com a propriedade background. No entanto, não consegui encontrar uma maneira de interpolar a string ao usá-la como parâmetro em url() . Aqui está o meu código de exemplo: :root { –url: “https://download.unsplash.com/photo-1420708392410-3c593b80d416”; } body { background: url(var(–url)); } Eu sei […]

Configurando cantos arredondados para svg: image

Eu estava tentando fazer cantos arredondados para s svg: image (imagem embutida em SVG) com d3.js. Não consigo descobrir como estilizar corretamente a imagem, pois, de acordo com as especificações do W3C, eu deveria ser capaz de usar CSS, mas bordas mais recentes e bordas arredondadas funcionam para mim. Desde já, obrigado. vis.append(“svg:image”) .attr(“width”, width/3) […]

tipo de input = “imagem” mostra a borda indesejada no Chrome e o link quebrado no IE7

Ainda não encontrei uma solução … Eu tentei de tudo border:0; border:none; outline:none; sem sorte … e o engraçado é o ícone de link quebrado no IE7 que sobrepõe a minha imagem. Alguma sugestão? link aqui HTML (gerado pelo WordPress) CSS input#s{ position:relative; width:245px; height:28px; border:0; vertical-align:bottom; background:url(images/input-search-bkg.png) 0 0 no-repeat; } #searchsubmit { display:inline-block; […]

MENOS CSS: abusando do & Operator quando nested?

Menos usa o & Operator para aumentar as possibilidades de aninhamento . .header { color: black; .navigation { font-size: 12px; &.class { text-decoration: none } } } o que causa uma substituição do & com o seletor pai e resulta em uma concatenação do seletor real para o seletor pai: .header .navigation.class vez do acréscimo […]

jQuery Animate () e BackgroundColor

Eu estou tentando criar um efeito de pulso simples, alterando a cor de fundo usando JQuery. No entanto, não consigo obter o backgroundColor para animar. function show_user(dnid) { /* dnid is HTML ID of a div. */ if (! $(dnid).is(‘:visible’)) { $(dnid).show() } $(‘html, body’).animate({scrollTop: $(dnid).offset().top}); $(dnid).animate({backgroundColor: “#db1a35”}, 1200); } O que é estranho é […]

Posso aplicar uma transição de CSS à propriedade de estouro?

Eu estou tentando definir um transition-delay para a propriedade de overflow do body quando um div é clicado, adicionando uma class ao body seguinte forma: $(“div”).click(function(){ $(“body”).addClass(“no_overflow”); }); div{ background:lime; height:2000px; } .no_overflow{ overflow:hidden; } body{ overflow:auto; transition: overflow 0 2s; } I’m div No entanto, isso não parece funcionar (não há atraso). Estou fazendo […]

Primeira letra Capitalize e outras letras em letras minúsculas em css?

THIS IS SOMETEXT Eu quero fazer com que pareça que This is sometext que a primeira letra do parágrafo é maiúscula. É possível em CSS? Edit: Todo meu texto está em letras maiúsculas.