여러 CSS 문서, 목록 스타일 문제

Question

내 웹 사이트에는 두 가지 CSS 스타일 문서가 있습니다. 첫 번째는 특히 제목과 그 나머지 사이의 링크 막대에 대해 상단에서 탭을 수행하는 목록을 사용하는 색인 ​​페이지 용입니다.

index.css : 리튬 요소에 적용하는 코드와 함께

u1 
{ 
    list-style-type:none; 
} 

이 코드를 가지고있다.

다른 css 문서는 나머지 사이트에 대한 것입니다. 다른 부분의 목록을 사용하고 싶지만 문제가 있습니다. li 요소가 제대로 덮어 쓰는 동안 u1 요소로 나머지 부분의 총알을 표시 할 수 없습니다. 나는 u1.a 및 u1.b를 사용하여 시도했지만 해결하지는 못합니다.

main.css가는 :

u1 
{ 
    list-style-type:circle 
} 

Answer 1

는 !important

u1 
{ 
    list-style-type:circle!important; 
} 

를 추가하여 덮어 쓰기를 시도 및/또는 당신이 다를 수하고자하는 페이지에 바로이 규칙과 다른 CSS 파일을 추가합니다.

Answer 2

이 요소는 UL이 아니고, u1이 아니고, u-one과 같이 ul입니다. 나는 이것이 당신의 질문에있는 모든 곳의 코드의 오타가 아니라고 가정합니다.

CSS는 계단식 및 특이성으로 작동합니다. 같은

ul.circle { 
    list-style-type: circle; 
} 

다음 HTML 문서에서 요소에 같은 클래스를 추가 : 목록 스타일 사이트의 다른 요소에 적용 갖는 클래스를 추가하는 것처럼 간단 할 수

<ul class="circle"></ul> 

CSS를 재정의하는 방법에는 여러 가지가 있으며, 그 중 하나를 answer of sometime ago에 설명했지만, 가장 쉬운 방법이 될 수 있습니다.

Answer 3

아마 이미 말했지만, 당신이 당신의 'U-한'클래스를 만들고 싶었다 경우, 당신이 그것에 점을 앞에 추가해야하므로이 중 하나의 클래스 무엇을 반복해서 죄송합니다 :

.u1 {list-style-type: circle;} 

그리고 당신은 즉, 일반적인 클래스로

<ul class="u1"> <li></li> </ul> 

를 사용하거나 태그로 UL [UL]를 사용합니다 :

ul {list-style-type: circle;} 

과 모든 UL 목록에는이 서식이 있습니다.

'u1'태그가 없기 때문에 css에 넣는 방식이 html로 작동하지 않습니다. 하지만 html의 스 니펫을 확인해야합니다.