CSS: Czy jest ważne, aby podać dokładną ścieżkę dla danego elementu dla szybkości/dokładności?

Question

Podczas definiowania CSS dla konkretnego elementu, czy określa dokładną ścieżkę ma jakąkolwiek różnicę, gdy mówimy o prędkości/dokładności/przetwarzania strony internetowej?

np. jeśli mam wprowadzanie tekstu TYLKO w 3. kolumnie mojego stołu, co jest lepsze dla szybkości, dokładności, przetwarzania i innych parametrów?

OPCJA 1:

table input[type="text"] 
{ 
    background:yellow; 
} 

Opcja 2:

table td:nth-child(3) input[type="text"] 
{ 
    background:yellow; 
} 

Answer 1

Nie, dodając więcej selektorów złożone tylko daje przeglądarkę więcej elementów do sprawdzenia i tym samym więcej pracy do wykonania.

Jeśli dane wejściowe pojawią się tylko w określonym miejscu i możesz zagwarantować, że nigdy nie pojawią się nigdzie indziej na danej stronie, to jednak dokładne ustawienie selektora poza numerem input[type="text"] jest nieistotne, ponieważ zawsze będzie kierować ten sam zestaw elementów w każdym razie. Wszelkie dodatkowe kontrole, które dodasz, stają się zbędne.

Ale prawdziwe pytanie brzmi, czy wydajność ma tutaj znaczenie. Jeśli nie masz dziesiątek tysięcy takich elementów, szanse są odpowiedzią na to, że nie. Bądź tak konkretny, jak ci wygodnie. Jeśli potrzebujesz selektorów kontekstowych, aby upewnić się, że nie trafisz przypadkowo na niewłaściwe elementy, nie ma nic złego w ich umieszczeniu.