CSS'de spesifik bir etiket içerisindeki spesifik satıra nasıl ulaşılır?

deezwend · 5 Ağustos 2022

Merhaba, bugün Python/Flask için HTML ve CSS öğrenmeye başladım ve yapamadığım bir şey var.

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flask, PYTHON</title>
    <link rel="stylesheet" href="/static/css/main.css">
</head>

Mesela diyelim ki bu head etiketi içersindeki bir spesifik satıra ulaşmak istiyorum ve bu spesifik satır da 2.satır olsun. Ben buna CSS üzerinden nasıl ulaşabilirim? Öteki programlama dillerindeki gibi [0], [1] tarzı ifadeler ile belirtmeye çalıştım fakat olmadı. (Class, ID, Name tarzı şeyler ile ulaşabileceğimi biliyorum fakat bildiğim kadarıyla Class, ID, Name tarzı şeylerde aynı değerler kullanılabiliyor. Bu yüzden de mantıken CSS belirtilen etiketin hepsini yapacak.)

Calone · 5 Ağustos 2022

Elinde milyonlarca hatta trilyonlarca id seçeneği var farkındasın değil mi?
Bunu body içine yaz:

HTML:

<div id="div1">
   <div>Div1</div>
</div>

Bunu CSS dosyasına:

CSS:

#div1 div {
    height:40px;
    width:40px;
    background-color:#000000;
}

deezwend · 5 Ağustos 2022

Calone dedi:
Elinde milyonlarca hatta trilyonlarca id seçeneği var farkındasın değil mi?

HTML:

<div id="div1"> <div>Div1</div> </div>

CSS:

#div1 div { height:40px; width:40px; background-color:#000000; }

HTML:

<div id="div1">
    <div>Div1</div>
    <div>Div2Test</div>
</div>

Evet, farkındayım fakat benim istediğim yukarda gördüğünüz gibi mesela ben buraya Div2Test atadım ve rengini değiştirmek istiyorum ya, Div1'e dokunmadan Div2Test'in rengini turuncu yapmak istiyorum. Anlatmak istediğim tam olarak bu aslında.

William Crusader · 5 Ağustos 2022

deezwend dedi:
HTML:

<div id="div1"> <div>Div1</div> <div>Div2Test</div> </div>

Evet, farkındayım fakat benim istediğim yukarda gördüğünüz gibi mesela ben buraya Div2Test atadım ve rengini değiştirmek istiyorum ya, Div1'e dokunmadan Div2Test'in rengini turuncu yapmak istiyorum. Anlatmak istediğim tam olarak bu aslında.

Özel ID verin?
Mesela Div2Test Div1'in içinde olsa da ikisine ayrı ID vererek Div2Test'e ayrı bir şekilde ulaşabilirsiniz.
O da şöyle oluyor:

CSS:

.Div1 .Div2Test{
    /* Kod */
}

Calone · 5 Ağustos 2022

deezwend dedi:
HTML:

<div id="div1"> <div>Div1</div> <div>Div2Test</div> </div>

Evet, farkındayım fakat benim istediğim yukarda gördüğünüz gibi mesela ben buraya Div2Test atadım ve rengini değiştirmek istiyorum ya, Div1'e dokunmadan Div2Test'in rengini turuncu yapmak istiyorum. Anlatmak istediğim tam olarak bu aslında.

class verebilirsin şöyle:

HTML:

<div id="div1">
    <div>Div1</div>
    <div class="div2">Div2Test</div>
</div>

CSS:

#div1 .div2 {
    height:40px;
    width:40px;
    background-color:#000000;
}

deezwend · 5 Ağustos 2022

William Crusader dedi:
Özel ID verin?
Mesela Div2Test Div1'in içinde olsa da ikisine ayrı ID vererek Div2Test'e ayrı bir şekilde ulaşabilirsiniz.
O da şöyle oluyor:

CSS:

.Div1 .Div2Test{ /* Kod */ }

Calone dedi:
class verebilisin şöyle:

HTML:

<div id="div1"> <div>Div1</div> <div class="div2">Div2Test</div> </div>

CSS:

CSS:

#div1 .div2 { height:40px; width:40px; background-color:#000000; }

Çok teşekkür ederim. Hallettim sayenizde kurtuldum gece gece bu dertten . Kafama takılan bir şey daha var ayıp olacak belki ama sormak istiyorum kusuruma bakmayın.

Spesifik etiketlere ulaşmak sadece Class ve ID ile mi sınırlı?

Mesela type'i submit olan bir butonu mor yapmak istersem (ve onlara bir ID veya Class tanımlamak istemezsem) yapabilir miyim böyle bir şey?

William Crusader · 5 Ağustos 2022

deezwend dedi:
Çok teşekkür ederim. Hallettim sayenizde kurtuldum gece gece bu dertten . Kafama takılan bir şey daha var ayıp olacak belki ama sormak istiyorum kusuruma bakmayın.

Spesifik etiketlere ulaşmak sadece Class ve ID ile mi sınırlı?

Mesela type'i submit olan bir butonu mor yapmak istersem (ve onlara bir ID veya Class tanımlamak istemezsem) yapabilir miyim böyle bir şey?

Sanırım şöyle bir şey yapabilirsiniz.
Ayrıca türünün (type) hiç bir önemi yok

HTML:

<button style="background-color:purple">sumbit</button>

deezwend · 5 Ağustos 2022

William Crusader dedi:
Sanırım şöyle bir şey yapabilirsiniz.
Ayrıca türünün (type) hiç bir önemi yok

HTML:

<button style="background-color:purple">sumbit</button>

Çok teşekkür ederim yardımınız için. Normalde ikinci bir soru sormazdım fakat kafama takılan bir nokta olduğu için sormak durumunda kaldım, özür dilerim eğer ayıp olduysa. İyi geceler.

William Crusader · 5 Ağustos 2022

deezwend dedi:
Çok teşekkür ederim yardımınız için. Normalde ikinci bir soru sormazdım fakat kafama takılan bir nokta olduğu için sormak durumunda kaldım, özür dilerim eğer ayıp olduysa. İyi geceler.

HTML ve CSS ile bir probleminiz olduğunda beni etiketleyebilirsiniz, iyi geceler.

Calone · 5 Ağustos 2022

HTML:

<div id="div1">
   <div class="div1"></div>
   <div class="div2"></div>
   <div id="div3"></div>
   <div id="div4"></div>
</div>

CSS:

#div1 .div1 {
    height:40px;
    width:40px;
    background-color:#222222;
}
#div1 .div2 {
    height:40px;
    width:40px;
    background-color:#000000;
}

#div1 #div3 {
    height:40px;
    width:40px;
    background-color:#222222;
}

#div1 #div4 {
    height:40px;
    width:40px;
    background-color:#000000;
}

CSS sana bir sürü seçenek sunuyor bunu da inceleyebilirsin.

CSS'de spesifik bir etiket içerisindeki spesifik satıra nasıl ulaşılır?

deezwend

Hectopat

Calone

Hectopat

deezwend

Hectopat

William Crusader

Hectopat

Calone

Hectopat

deezwend

Hectopat

William Crusader

Hectopat

deezwend

Hectopat

William Crusader

Hectopat

Calone

Hectopat