Вопрос по CSS-селектору

Question

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

#myTable tr td .someClass{....}

Относится ли этот someClass к "ТОЛЬКО" к td, имеющему этот класс, ИЛИ относится ли он к любому дочернему элементу td, имеющему "someClass"?Так это же, как;

#myTable tr td.someClass{....}

В принципе, мой вопрос: пробел после td имеет какое-то значение?

Answer 1

#myTable tr td .someClass{....} относится к любому элементу с классом someClass , который находится внутри тега td, который находится внутри тега tr, который находится внутриэлемент с идентификатором myTable.

#myTable tr td.someClass{....} относится к тегу td с классом someClass, который находится внутри тега tr, чтонаходится внутри элемента с идентификатором myTable.

Answer 2

Да, пробел имеет значение:

td.someClass {...} //Refers to a table cell with the class someClass
td .someClass {...} //Refers to an element with the class someClass that is a descendant of a table cell

Answer 3

Прежний селектор ссылается на элемент класса someClass, который является потомком td.

. Для ссылки на td элемент имени класса someClass используйте последний селектор.

Пробел является потомком селектора;если вам нужен непосредственный дочерний элемент (между элементами td и .someClass нет элементов), используйте >:

#myTable tr td > .someClass{....}

Answer 4

Пробел после td имеет значение

css:

#myTable tr td.someClass{ color:brown; }
#myTable tr td .someClass{ color:red; }

html:

<table id="myTable">
<tr>
    <td class="someClass">
        cofee
        <span class="someClass">
            wine
        </span>
    </td>
</tr>

кофе будеткоричневого цвета и красного вина.

Answer 5

Пространство имеет значение.Первый селектор выбирает любой элемент класса someClass, который является потомком td в tr в myTable.

Второй выбирает любой td в классе someClassэто ребенок tr в myTable

Answer 6

Да:

• первый регистр нацелен на дочерний элемент вашего тд, имеющий класс "someclass"
• второй регистр нацелен на тд, имеющий класс "someclass"

Answer 7

пробел, отделяющий детей от родителя. Без пробела вы говорите CSS найти элемент с этим классом.