css如何使用特定属性选择器lang?使用介绍(详解)

css 2 引入了属性选择器,属性选择器可以根据元素的属性及属性值来选择元素。本章就给大家介绍css特定属性选择器lang的使用方法(详解)。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

css :lang选择器定义用法介绍

lang 向带有指定 lang 属性开始的元素添加样式。

注意: 值是整个单词,单独像lang=”en”,或者使用连字符(-)如lang =”en-us”。

语法:

立即学习“前端免费学习笔记(深入)”;

:lang {   style:属性;}

lang使用举例:

每个元素lang属性值等于”abstract”背景颜色设置为red.

p:lang(abstract){ background:red;}

请再看下面的例子:

*[lang|="en"] {color: red;}

上面这个规则会选择 lang 属性等于 en 或以 en- 开头的所有元素。因此,以下示例标记中的前三个元素将被选中,而不会选择后两个元素:

段落en

段落en-us

段落en-au

段落fr

段落xy-en

lang完整例子

                             :lang(en) {          color:blue;           display: block;         text-decoration: none;        }                     phpstudy          HTML         511遇见      

效果图:

1.jpg

以上就是css如何使用特定属性选择器lang?使用介绍(详解)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1611888.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月24日 02:36:56
下一篇 2025年12月24日 02:37:10

相关推荐

  • css中clip属性是什么?clip:rect()制作圆形进度条动画(代码实例)

    本章给大家带来css中clip属性是什么?clip:rect()制作圆形进度条动画(代码实例),给大家介绍了什么是clip属性,clip:rec()的用法,最后通过一个实例让大家更直观的了解clip:rect()。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 一、css什么是cli…

    2025年12月24日 好文分享
    000
  • css不透明度opacity属性详解

    本章给大家带来css不透明度opacity详解,让大家了解什么是opacity属性,opacity属性的一些特性。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 一、opacity属性 1、opacity 习惯上说“透明度”,其实应该叫“不透明度”。opacity 意思:不透明,而背…

    2025年12月24日 好文分享
    000
  • 如何用CSS修改浏览器滚动条的样式(实例详解)

    随着互联网的发展,人们对页面的要求越来越高,不只是功能好用,而且还要颜值高。前端开发人员对于浏览器的滚动条并不陌生,当自带的一些滚动条无法满足我们的审美时,你知道如何用css修改浏览器滚动条的样式吗?今天就给大家介绍如何设置div滚动条样式。有需要的小伙伴可以参考一下。 我们在自定义滚动条样式前,首…

    2025年12月24日
    000
  • css如何设置背景图片?background属性添加背景图片

    在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片。那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 推荐手册:CSS在线手册 css怎样设置背景图片? css background…

    2025年12月24日 好文分享
    000
  • css文字如何竖排显示?css文字竖排显示的方法

    有时候网页中的文字因为特别要求不能横向显示,这时候所需要的就是让文字来竖排显示,那么,网页中如何让文字竖排显示呢?接下来本篇文章将介绍css实现文字竖排显示的方法。 css文字竖排显示的方法一: 使用writing-mode属性 语法:writing-mode:lr-tb或writing-mode:…

    2025年12月24日 好文分享
    000
  • CSS虚线样式的制作方法及虚线样式的运用实例

    在页面布局时,为了呈现一定的效果,经常需要使用css虚线样式,但是很多人新手对css虚线样式还比较陌生,这篇文章就和大家讲讲,如何使用cssborder属性制作虚线样式,以及css虚线样式的一些运用实例。比如:css虚线边框的运用,css虚线下边框的运用,一条虚线的运用等等。有需要的小伙伴可以参考一…

    2025年12月24日 好文分享
    000
  • css溢出机制是什么?css溢出的详细介绍(附实例)

    本篇文章给大家带来的内容是关于css溢出机制是什么?css溢出的详细介绍(附实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 为什么需要深入学习CSS溢出机制? 在实际开发的过程中,内容溢出是经常见到的。如果不深入了解这个机制,你经常会碰到这样的问题:为什么这个元素没有受到祖先…

    2025年12月24日 好文分享
    000
  • CSS怎么实现底部对齐?css实现底部对齐的三种方法

    本篇文章给大家带来的内容是关于css怎么实现底部对齐?css实现底部对齐的三种方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 CSS实现底部对齐效果 因公司业务要求需要实现如下图中红色区域的效果: 效果说明: 1、红色区域数据需要倒排(即从底部开始数,数字为1、2、3、4、5)…

    2025年12月24日
    000
  • 深入理解CSS中 !important 的使用方法

    这篇文章围绕css样式的优先级展开,主要讲了css中!important的使用方法,正在学习这个知识的朋友可以看看,希望对你有帮助! !important为开发者提供了一个增加样式权重的方法。应当注意的是!important是对整条样式的声明,包括这个样式的属性和属性值 a{color:green!…

    好文分享 2025年12月24日
    000
  • css如何设置透明度?设置透明度的两种方法(代码实例)

    在前端页面开发布局的时候,为了给用户呈现不同的效果,经常需要设置透明度,那么css是怎样设置透明度的?本章给大家介绍用css设置透明度的两种方法(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 推荐手册:css在线手册 一、css rgba()设置颜色透明度 语法: rg…

    好文分享 2025年12月24日
    000
  • CSS如何实现图片等比例缩放不变形(代码实例)

     在工作中经常需要对图片进行缩放,但有些缩放会让图片变形,所以今天就给大家介绍css如何实现图片等比例缩放不变形,正在学习css的小伙伴赶紧过来看看吧! 下面一段代码给大家介绍CSS实现图片等比例缩小不变形 ,具体代码如下所示: @@##@@ img { /*等宽缩小不变形*/ /*width: 1…

    好文分享 2025年12月24日
    000
  • 分享7种实现CSS垂直居中的技巧(附代码)

    网页css的垂直居中需求始终没有停过,而其困难度也始终没有让人轻松过,经过了每位开发先烈的研究后,据说css的垂直居中技巧已达到近十种之多,但始终鲜为人知,部分公司甚至将css的垂直居中技巧当成面试题,其重要性可见一斑,今天就带着大家了解一下css的垂直居中的多种方式吧。 1、Line-height…

    好文分享 2025年12月24日
    000
  • 分享四种方式将CSS样式导入到HTML中

    在进行页面布局时,必然会用到css和html,因为html是页面的主体内容部分,css是页面的表现,通俗的讲,css是给html进行化妆的。那css的样式怎么在html中实现呢?这时候就需要在html中引入css文件,今天就和大家聊聊如何将css导入html中,有需要的可以参考一下。 将CSS导入H…

    2025年12月24日 好文分享
    000
  • css清理浮动有什么作用?清理浮动的方法(介绍)

    在前端开发过程中,我们经常会使用到浮动(float),这个我们即爱又恨的属性。爱,是因为通过浮动,我们能很方便地进行布局; 恨,是因为浮动之后遗留下来太多的问题需要解决。本章给大家介绍css为何要清除浮动,以及如何清除浮动;让大家了解元素进行浮动之后会出现的问题,以及css消除浮动的几种方法。有一定…

    2025年12月24日
    000
  • 在html中引入CSS文件时,link和@import有什么区别?

    之前介绍了如何在html中引入css文件,将css导入html的方式有四种,分别是行内式,嵌入式,外部样式。外部样式又分为import导入式,link链接式。同样是外部样式,那link和@import的区别在哪里?想知道的小伙伴继续往下看吧。 一、引入方式的区别 link链接式: import导入式…

    2025年12月24日
    000
  • 什么是css模块化?css模块化的实现方法

    本篇文章给大家带来的内容是关于什么是css模块化?css模块化的实现方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 CSS 模块化 CSS(Cascading Style Sheets),从诞生之初就决定了它无法编程,甚至连解释性语言都算不上,只能作为一种简单的层叠样式表,对 …

    好文分享 2025年12月24日
    000
  • css中什么是伪类选择器?伪类选择器的简要介绍

    本章给大家带来css中什么是伪类选择器?伪类选择器的简要介绍。让大家可以了解在css中伪类选择器的作用,css伪类选择器有哪些分类等知识。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。(相关推荐:《css教程》) 一、伪类选择器介绍 伪类选择器(简称:伪类)通过冒号来定义,它定义了元…

    2025年12月24日
    000
  • 关于前端学习之css

     学完CSS+Div的视频,感觉讲的挺清晰的,不看不知道,一看吓一跳,原来CSS可以为网页增色不少呢! 一、概述 1、格式:          二、css 属性 1、文字属性 (1)font-style:italic(斜体)normal(正常); (2)font-weight:bold/bolder…

    2025年12月24日
    000
  • css中background-attachment属性如何使用?(代码实例)

    本章给大家介绍css中background-attachment属性如何使用?(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 css中background-attachment属性的使用前提是先定义了background-image属性,然后用background-at…

    2025年12月24日
    000
  • CSS中常见的6种文本样式(总结)

    css文本样式是相对于内容进行的样式修饰。由于在层叠关系中,内容要高于背景。所以文本样式相对而言更加重要。有些人对文本和字体样式之间的不同不太了解,简单地讲,文本是内容,而字体则用于显示这个内容。本章将详细介绍css中常见的6种文本样式(总结),让大家可以在平时的网页开发中可以使用。有一定的参考价值…

    2025年12月24日 好文分享
    000

发表回复

登录后才能评论
关注微信