w jaki sposób wybrać tego div w css?

Question

Witam, posiadam diva, który nie ma ani klasy ani id, posiada tylko takie coś: 

mogę w jakiś sposób tego diva edytować w css? jak tak t w jaki sposób wybrać właśnie tego diva? Pozdrawiam.

Answer 1

div[data-category-id="49"] {
     /* Tutaj style */
}

 

Comments

hm, jak mam:

<div data-category-id="49">
       <a href="#">cośtam</a>
</div>

to jak daję w css:

div[data-category-id="49"] a{
   color: red;
   display: block;
}

to nie wykrywa mi tego "a", w sensie przeglądarka przekreśla to jak tutaj:

czemu tak? coś robie źle? 

dodam, że kiedy daję np:

div[data-category-id="49"] a{
   background: red;
}

to działa, ale zaś jak dam:

div[data-category-id="49"] a{
   background-color: red;
}

to nie działa

---

Odpowiem jak w helpdesku: "u mnie działa" :)

Te skreślenia wyglądają na dziedziczenie - gdzieś wcześniej definiowałeś styl dla a, teraz go nadpisujesz.

Może ctrl+F5 w celu ponownego wczytania arkusza stylów?

---

Przez ctrl+f5 też próbowałem, tez nie działa

---

Wrzuciłem twój kod na stronę (div z linkiem) i ładnie się stylizuje. Pokaż może całość kodu HTML i CSS.

Answer 2

[data-category-id="49"] { ... }

Ale to id niezbyt mi sie podoba do stylowania... troche ryzykowne...

Answer 3

W css użyj selektora >

Answer 4

Może spróbować przez dziedziczenie np:

html:

<div class="moja_klasa">
 <div data-category-id="49"></div>
</div>

 css:

.moja_klasa > div {
 jakieś style
}