css中id选择符的标识是哪个

css中,id选择符标识是“#”,可以为标有特定id属性值的HTML元素指定特定的样式,语法结构“#ID值 {属性 : 属性值;}”。ID属性在整个页面中是少数不可重复的;ID属性值不要以数字开头,数字开头的ID在Mozilla/Firefox浏览器中不起作用。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。

语法结构如下:

#ID {  属性 : 属性值;}

下面的两个id选择器,名列前茅个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:

css中id选择符的标识是哪个

下面的HTML代码中,id属性为red的p元素显示为红色,而id属性为green的p元素显示为绿色:

css中id选择符的标识是哪个

值得注意的是:

  • ID属性在整个页面中是少数不可重复的 。

    一个ID值在一个HTML文档中只能出现一次,也就是一个ID只能少数标识一个元素(不是一类元素,而是一个元素)。

    即元素的 id 在页面中是少数的,因此 id 选择器用于选择一个少数的元素!

  • ID属性值不要以数字开头,数字开头的ID在Mozilla/Firefox浏览器中不起作用

id选择器和派生选择器

在现代布局中,id选择器常常用于建立派生选择器。

css中id选择符的标识是哪个

上面的样式只会应用于出现在id是sidebar的元素内的段落,这个元素很可能是div或者是表格单元,尽管它也可能是一个表格或者其他块级元素。它甚至可以是一个内联元素,比如<em></em>或者<span></span>,不过这样用法是非法的,因为不可以在内联元素<span>中嵌入<p>。

一个选择器多种用法

即使被标注为sidebar的元素只能在文档中出现一次,这个id选择器作为派生选择器也可以被使用很多次:

css中id选择符的标识是哪个

在这里,与页面中其他p元素明显不同的是,sidebar内的p元素得到了特殊的处理,同时,与页面中其他所有h3元素明显不同的是,sidebar中的h3元素也得到了不同的特殊处理。

单独的选择器

id选择器即使不被用来创建派生选择器,它也可以独立发挥作用:

css中id选择符的标识是哪个

根据这条规则,id为sidebar的元素将拥有一个像素宽的黑色点状边框,同时其周围会有10个像素宽的内边距(padding,内容空白)。老版本的windows/IE浏览器可能会忽略这条规则,除非你特别地定义这个选择器所属的元素:

css中id选择符的标识是哪个

感谢各位的阅读,以上就是“css中id选择符的标识是哪个”的内容了,经过本文的学习后,相信大家对css中id选择符的标识是哪个这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

文章标题:css中id选择符的标识是哪个,发布者:亿速云,转载请注明出处:https://worktile.com/kb/p/28647

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
亿速云的头像亿速云认证作者
上一篇 2022年9月22日 下午7:22
下一篇 2022年9月22日 下午9:53

相关推荐

  • word图片不能全部显示怎么解决

    解决方法: 1、首先新建一个word文档,然后插入图片,此时会发现插入的图片仅显示一小部分。 2、然后将光标位置置于图片的末尾,并右击鼠标,进入“段落”选项。 3、然后需要切换到“缩进与间距”选项卡中。 4、在该选项卡中,将“行距”设置为“单倍行距”,点击保存并退出。 5、此时在进入word查看显示…

    2022年9月20日
    1.4K00
  • git如何删除某个分支

    git删除某个分支的方法:1、利用“git branch –delete dev”命令删除本地分支;2、利用“git push origin –delete branch”命令删除远程分支;3、利用“git branch –delete –remote…

    2022年6月29日
    22.5K00
  • Laravel中如何找到最慢的查询

    DB::listen() 幸运的是,在 laravel 中,我们可以定义一个在每次执行查询时调用的回调(参见 此处)。为此,请将以下代码添加到任何服务提供者(例如 AppServiceProvider): public function boot(){ DB::listen(function ($q…

    2022年9月8日
    56500
  • 怎样剖析CLDAP协议 Reflection DDoS

    前言 2018年上半年,得益于Memcache近5万的反射放大倍数,DDoS的峰值流量已经达到了一个前所未有的新高度—1.7Tbps,这也使得Memcache ReDDoS成为目前DDoS的中坚力量。而与Memcache ReDDoS相比,2016年Akamai曝光的CLDAP ReDDoS虽然没有…

    2022年9月21日
    93500
  • mysql如何关闭事务

    mysql关闭事务的步骤:1、使用“win+r”键打开“运行”窗口,输入cmd并回车,打开cmd命令窗口;2、在cmd窗口中,执行“mysql -u root -p”命令并输入密码来登录mysql服务,进入MySQL界面;3、在MySQL命令界面中,执行“start transaction;”或者“…

    2022年9月24日
    1.3K00
  • jquery ajax如何改成同步

    在jquery中,ajax可以将async设置为false使其同步;默认情况下jquery中的ajax为异步请求,即“async:true”,通过设置参数“asycn:false”即可,语法为“$.ajax({async: false})”。 本文操作环境:windows10系统、jquery3.6…

    2022年9月10日
    2.6K00
  • windows deepl如何上传文件

    deepl上传文件的方法 1、点击进入网页端。 2、点击翻译.docx & .pptx文件 3、上传你要翻译的文档。 4、选择你的目标翻译语言。 5、翻译完成之后,点击下载就可以得到翻译好的文档啦。 到此,相信大家对“windows deepl如何上传文件”有了更深的了解,不妨来实际操作一番…

    2022年9月26日
    67300
  • windows u盘写保护怎么格式化

    u盘写保护格式化的方法: 1、首先右键我们的u盘。 2、接着打开下拉菜单的“属性” 3、然后在“工具”里点击“检查” 4、随后选择“扫描并修复驱动器” 5、检查并修复后,右键u盘,就可以“格式化”了。 到此,关于“windows u盘写保护怎么格式化”的学习就结束了,希望能够解决大家的疑惑。理论与实…

    2022年8月30日
    59700
  • win8如何取消开机账户登录

    win8取消开机账户登录的方法 1、win+r打开运行界面。 2、对话框输入“netplwiz”,回车确定。 3、然后把“要使用本计算机,用户必须输入用户名和密码”前面的勾去掉。 4、点击确定之后系统会再次弹出一个密码输入框,这个时候我们再次输入密码点击确定就可以了。 关于“win8如何取消开机账户…

    2022年9月24日
    40500
  • windows会声会影如何导出视频高清

    会声会影导出视频高清的方法 1、首先我们要保证我们的源视频是高清的,否则无论如何操作都无法导出高清的视频。 2、接着我们在导入视频前要设置高清的项目环境,这样我们就能在高清的环境中编辑视频了。 3、点击左上角“设置”,选择“项目属性”。 4、根据我们需要的参数设置相应的项目格式。 5、当我们编辑完成…

    2022年9月15日
    56500
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部