为什么有时候Css样式表某个属性引用不成功？

首次使用博客,很多东西都在探索，第一篇文章也不知道发布点什么，就随便写写，是在word里面写的，也懒得排版，将就这用吧。

闲着没事找了酷狗的API写了个简单的静态网页，完成了搜索，展示，播放功能。就想着给搜索框写一个搜索推荐的下拉列表框，思路很明确，不写了画图

代码如下

样式表

可是在引用样式表的时候suggbox的样式怎么都运行不出来结果，还特意加了边框背景。但是其它的引用都正常，如图没有边框背景

调试查看也有引用suggest，可并没有发现属性

试着在div里面加了style

居然有效果，那么就怪了，其它同一个样式表其它样式能够引用成功，加style也能够成功，引用又没有错误，原因在哪里？找了好久终于发现罪魁祸首

原来是这条注释搞得鬼，只怪自己粗心，随手点了个注释，

没有仔细检查。最后去掉注释，一切正常了

稍作修改，简单的下拉列表就完成了

原文地址：https://www.cnblogs.com/cgldl/p/10887882.html

时间： 2024-09-30 18:50:42

为什么有时候Css样式表某个属性引用不成功？的相关文章

第一周复习二（CSS样式表及其属性）

样式表三种写法 1内联写法:style直接写在标签内.个人感觉多用于个别标签,一般情况优先级较高 style="font-size:16px;" 2内嵌写法:写在<head></head>标签内.个人感觉多用于较多或通用的一类标签,用来减少工作量 <style type="text/css"> {} </style> 分为三种: 标签选择器 <style type="text/css">

CSS基础概念第一节引用CSS样式表

引用CSS样式有四种方法,它们包含了:文档内部样式的引用.文档外部样式表的引用. 1.LINK 元素 LINK元素在HTML和XHTML中创建,用来引用外部样式表到当前文档中通用的语法 <link rel="..." type="text/css" href="..." media="..."> 属性 rel="..." 此属性描述当前文档与链接文件的关系.对于外部样式表,有两种可能的值:st

css样式表中四种属性选择器

css样式表中四种属性选择器1> 简易属性 tag[class]{ font-weight:bold } It will affect all tag with any class. e.g. <h2 class="old" > or <h2 class="new"> 2>精确属性值 a[href="http://www.cnblogs.cn"][title="textTitle"]{fon

【3-24】css样式表分类、选择器、样式属性、格式布局

一.css样式表分类: (一)内联样式表:代码写在标签内的样式表控制精确代码重用性差优先级最高格式:<p style="样式属性">内容</p> <div style="text-decoration:line-through;">第四格第三元</div> (二)内嵌样式表:将代码写在标签<style type="text/css"></style>之间,此标签一

样式表分类: 1.内联样式表, 和html联合显示,例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表作为一个独立的区域内嵌在网页里,必须写在head里边. <style type="text/css"> p //格式对p起作用 {样式: } </style> 3.外部样式表新建一个CSS文件,用来放置样式表.如果要在HTML文件中调用样式表,需要在HTML文件中点右键→

当css样式表遇到层

(附:White-space:pre可以是样式表里卖弄body的属性,作用是保持html源代码的空格与换行,等同<pre>标签.) Css样式表可以通过被封在层里的方式来限制页面所修饰的内容.这就是说,为了使样式表只对页面局部起修饰作用,设计者可以将页面的局部内容定义在某个范围之内,这个范围变称为CSS-layer(css层)css层可以通过HTML标签来定义,这种使用方法是web设计中的一枚利器. 1.行<span>和层<div>设计者常常把css样式表放在<s

HTML基础（三）——css样式表

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法一.样式表 (一)样式表的分类 1.内联样式表和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p

CSS样式表规划经验总结

最近看到一些关于CSS文件管理的问题,下面我就自己的经验说说,一个好的CSS文件主要是看他是否具有易维护性.下面我就说说我个人的看法: 一.CSS文件的规划我在规划CSS的时候,我比较喜欢建立全局css及各模块css.在html页面中引用全局css,在全局css中引用各模块css.比如,建立global.css为全局css,在全局css中定义“* { … } body { … }”之类的全局样式.在全局样式中通过“@import url(”xxx.css”);”引入模块css. 关于模块CSS

JS 控制CSS样式表

JS控制CSS样式,首先得确定一点,CSS与HTML页面的链接方式,因为CSS有3种与HTML页面结合的方式,不同的方式也会产生不同的结果. 下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... 1 <style type="text/css"> 2 .orig { 3 display: none; 4 } 5 </style> 你想要改变把他的display属性由none改为inline. 解决办法: