Что это такое, и как его убрать?

Question

[Nik Faraday]

Мне нужно изменить цвет текста внутри контейнера на белый, но вот эту штука (Я не имею ни малейшего представления, что это вообще такое) не даёт мне это сделать, при том, что кастомный файл стилей подключён ниже всех, т.е., оно вроде бы должно работать, но увы

Comments

[iBird Rose]

а зачем ты создал ссылку без href?

[Nik Faraday]

iBird Rose, потому что я делаю отправку через ajax генерируя url автоматически

[Nik Faraday]

iBird Rose, всё, я понял, большооое спасибо. Напишите отделььным ответом

[Алексей Уколов]

я делаю отправку через ajax генерируя url автоматически

Это называется "кнопка".

[Вадим]

Я не имею ни малейшего представления, что это вообще такое

Рядом написано что это. Стили от bootstrap.

не даёт мне это сделать

Эта "штука" не может не давать Вам поменять цвет текста. Просто у этой "штуки" селектор большей специфичности. Поэтому совершенно не важно в каком порядке стили подключены. И соответственно

оно вроде бы должно работать

Не должно.

Итак.
1. Что это такое - стили от бутстрапа.
2. Как его убрать- мыслим логически - отключить не нужные стили бутстрапа и подключить только нужные.
3. Мне нужно изменить цвет текста - изменяйте. Если это ссылка без адреса, то может это всё же кнопка? Если прочитать селектор, то становится понятно что нужно изменить, чтобы это правило не прменялось - либо задать любой href, пусть даже #, либо задать tabindex. Либо заменить на кнопку, раз делается запрос, а не сразу переход.
Ну и не самый правильный, но рабочий вариант - накрутить своему селектору большей специфичности.

[iBird Rose]

Nik Faraday, это того не стоит. просто удалите вопрос

[Сергей delphinpro]

Считаем специфичность

a:not([href]):not([tabindex])
Селектор тега     =  1
Селектор атрибута = 10
Селектор атрибута = 10
Селектор :not     =  0 
                  = 21

.btn-danger
Селектор класса = 10
                = 10

21 > 10 => Селектор a:not([href]):not([tabindex]) будет приоритетнее.

[Nik Faraday]

Вадим, так и сделал, поставил href="#". Спасибо вам

[Nik Faraday]

iBird Rose, для меня это важно, т.к. не мог найти нормального объяснения в интернете. Я вообще не верстальщий, просто сказали пофиксить цвет текста на некоторых кнопках, сидел, думал )

[iBird Rose]

Nik Faraday, причем тут ты? ты задал бесполезный вопрос, ответ на который никому не будет полезен. еще и в профиле у тебя будет висеть этот глупый вопрос. удали и не позорься. именно по этой причине ответом никто не отвечает. дают тебе шанс удалить.

[Nik Faraday]

iBird Rose, то что вы, одарённый дизайнер, боженька html/css знает, что это такое, и как его делать - это хорошо, но это знают не все. Во благо вашей репутации, максимум что, я могу - это поменять заголовок вопроса

[Nik Faraday]

Алексей Уколов, речь шла не о самой кнопке, а о a:not([href]):not...

[Алексей Уколов]

Речь шла о том, что чтобы не бороться с фреймворками, а использовать их, нужно всего-лишь соблюдать правила семантики (это ещё и в других аспектах пользу принесёт). Например, ссылки делать при помощи тега <a>, а для кнопок использовать <button> (а вот "поставил href='#'" - это не нормальное решение). И вот вас уже нисколько не касается написал кто-то в исходниках Бутстрапа странные правила или нет.
Это азбука веб-разработки, которую надо знать, на что вам тут в комментариях четыре человека пытаются указать.

[Nik Faraday]

Алексей Уколов, это я понимаю, но не я это писал, я вообще на бекенде работаю. Сказали пофиксить - фикшу)

[Алексей Уколов]

Вот мы и пытаемся по мере сил вам помочь. У вас вот в профиле написано, что вы какой-никакой full stack, значит, должны учиться.

[Nik Faraday]

Алексей Уколов, мой стек не подразумевает верстку, а использование бекенда (asp.net mvc/web api) и фронтенд фреймворка (React/Angular/Vue.js). Но да, вы правы, учить надо и дальше )

[Алексей Уколов]

Корректное использование html тегов - это как раз в компетенции фуллстэка.

[Nik Faraday]

Алексей Уколов, ну, фулл-стеки разные бывают. К примеру, php разработчиков прям заставляют верстать, у нас нет. Только лёгкое исправление багов внутри купленных шаблонов

[Алексей Уколов]

php разработчиков прям заставляют верстать

Как php-разработчик с десятилетним стажем я весьма удивлён этой информации, скажу откровенно.
Я ещё раз повторяю - проблема, описанная в вопросе, не имеет на самом деле никакого отношения к CSS, потому что она в принципе не возникнет, если написать правильный HTML. А вот это обязан уметь каждый, кто хочет называть себя фуллстеком.

[Nik Faraday]

Алексей Уколов, ну, это то самое, что привязывать сюда пайку микроплат и уметь чинить принтеры, плюс уметь кодить на ассемблере. Ведь ваш с вами стек отличается, у нас так не принято) В этом и заключается одна из основных разниц, что мы юзаем готовые шаблоны и никто из нас не обязан писать разметку. Да, в одном я соглашусь, что такое должен знать каждый, но тут уже возникает проблема, с которой пришлось задать этот вопрос, т.к. я не имел опыта с таким и никогда такое не видел в глаза

Answer 1

[Антон Шаманов]

color: #fff !important;