목차
回复讨论(解决方案)
웹 프론트엔드 HTML 튜토리얼 js控制页面字体大小的问题_html/css_WEB-ITnose

js控制页面字体大小的问题_html/css_WEB-ITnose

Jun 21, 2016 am 09:44 AM




这是我对当前页面的字体大小和颜色进行修改的代码,
为什么当要修改的内容本身有了字体和颜色设置就不能重新设置了??

回复讨论(解决方案)

css遵循就近原则。

其实是可以的,不过你需要给你要修改的标签加上id属性,通过修改id的颜色来达到单独改变的效果。
如果你仅仅用class来改变样式,是不行的。

还不如用
JS:
case 0;$('#text').addClass('someclass');

CSS
.someclass{font-size:15px!important;}

之类的。

还不如用
JS:
case 0;$('#text').addClass('someclass');

CSS
.someclass{font-size:15px!important;}

之类的。

不行啊  如果字体本身有样式  还是修改不了

其实是可以的,不过你需要给你要修改的标签加上id属性,通过修改id的颜色来达到单独改变的效果。
如果你仅仅用class来改变样式,是不行的。


要修改的是前台拼出来的,不是固定

如果页面其他元素已经定义了 fontsize
你通过给body 定义fontsize 是影响不到已经定义元素的fontsize的

要想更改就要把body 或#text下的元素 进行定义 ,而不是给它的父级定义

如果页面其他元素已经定义了 fontsize
你通过给body 定义fontsize 是影响不到已经定义元素的fontsize的

要想更改就要把body 或#text下的元素 进行定义 ,而不是给它的父级定义

这不是很麻烦啊,   我的页面有的是动态生成的,都用id 警告的

LZ的意思是设置了#text的字体和颜色,然后设置body的不生效?

那样的话就如#1所说,CSS是有优先级之分的,你给body的话是继承样式,但是直接给#text样式是内联样式,内联样式优先级是最高的。

http://www.blueidea.com/tech/web/2009/6801.asp


如果页面其他元素已经定义了 fontsize
你通过给body 定义fontsize 是影响不到已经定义元素的fontsize的

要想更改就要把body 或#text下的元素 进行定义 ,而不是给它的父级定义

这不是很麻烦啊,   我的页面有的是动态生成的,都用id 警告的

可以通过标签去设定,难道你是每一个元素 对应一个id,每一个id对应一个样式吗?



如果页面其他元素已经定义了 fontsize
你通过给body 定义fontsize 是影响不到已经定义元素的fontsize的

要想更改就要把body 或#text下的元素 进行定义 ,而不是给它的父级定义

这不是很麻烦啊,   我的页面有的是动态生成的,都用id 警告的

可以通过标签去设定,难道你是每一个元素 对应一个id,每一个id对应一个样式吗?


搞定了  3q

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까? 공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까? Mar 04, 2025 pm 12:32 PM

공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까?

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? Mar 17, 2025 pm 12:27 PM

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까?

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? & lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? Mar 20, 2025 pm 06:05 PM

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?

웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까? 웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까? Mar 04, 2025 pm 02:39 PM

웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까?

& lt; meter & gt의 목적은 무엇입니까? 요소? & lt; meter & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:35 PM

& lt; meter & gt의 목적은 무엇입니까? 요소?

& lt; datalist & gt의 목적은 무엇입니까? 요소? & lt; datalist & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:33 PM

& lt; datalist & gt의 목적은 무엇입니까? 요소?

뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까? 뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까? Mar 20, 2025 pm 05:56 PM

뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까?

& lt; Progress & Gt의 목적은 무엇입니까? 요소? & lt; Progress & Gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:34 PM

& lt; Progress & Gt의 목적은 무엇입니까? 요소?

See all articles