Как я могу изменить размер шрифта div внутренний HTML?

0

У меня есть элемент <div>. В этом <div> есть элементы <table> и <span>. И <span> не имеет атрибута html id.

Я хочу изменить размер шрифта в <span>. Могу ли я сделать это с помощью javascript или jQuery?

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

Как изменить размер шрифта?

my <div class="xxx">

и в стиле

 .xxx  {
background-image:url('../k_g.png');
cursor: pointer;
background-repeat: no-repeat;
background-position: center 0%;
font-size:40px;
}
  • 1
    Пожалуйста, добавьте сюда код того, что вы пробовали.
  • 0
    Я редактирую свой вопрос. Я хочу изменить свой класс div, когда я изменю его, я хочу изменить размер шрифта. Но это не работает
Показать ещё 1 комментарий
Теги:

5 ответов

2
Лучший ответ

Если вы охватываете не прямой ребенок из div с классом, который вы могли бы сделать

 .xxx span {
     font-size: 40px;
 }

Однако это повлияет на все промежутки внутри div и может иметь непредвиденные последствия в будущем.

Поделиться
  • 0
    Я редактирую свой вопрос, когда я делаю ваше решение, фоновое изображение диапазона изменяется, поэтому я не хочу этого. Я хочу изменить только размер шрифта
  • 0
    Вы изменили свой код с .xxx {на .xxx span {? Вместо этого просто добавьте мой CSS после вашего существующего CSS.
Показать ещё 1 комментарий
2

Вы можете применить ниже CSS,

.xxx > span  {
    font-size:40px;
}
Поделиться
  • 0
    это не работает, к сожалению :(
  • 0
    Это работает. проверьте здесь: jsfiddle.net/rajaasthana/Cz7g4
Показать ещё 1 комментарий
1

Использование:

$("div.xxx").children("span").css( "font-size", "30px" );
Поделиться
  • 0
    У меня нет идентификатора span, потому что у span нет идентификатора. Я не могу дать идентификатор для span, потому что он построен другим инструментом.
  • 0
    Это изменит размер шрифта всех тегов span внутри div.xxx
Показать ещё 1 комментарий
1

пытаться

$(document).ready(function () {
        $(".xxx").css("font-size", "200%");
    });
Поделиться
  • 0
    как я могу использовать это и где? Спасибо
1

Сначала я задаюсь вопросом, был ли этот div с.xxx-классом создан до вызова вашего скрипта или нет? Если это так, просто запустите этот скрипт в функции document.ready в jQuery:

$(".xxx").css({font-size:"30px"});
or jQuery.noConflict();jQuery(".xxx").css({font-size:"30px"});

вместо того, чтобы запускать некоторые библиотеки, используя тот же $ для этого скрипта.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню