css标签内容含有-号给绿色否则红色
时间: 2023-06-11 13:04:30 浏览: 43
您可以使用CSS中的属性选择器来实现这个要求。具体的样式代码如下:
```css
/* 当标签内容中包含“-”时,字体显示为绿色 */
[tag*="-"] {
color: green;
}
/* 当标签内容中不包含“-”时,字体显示为红色 */
[tag*="-"]:not([tag*="--"]) {
color: red;
}
```
这样就可以达到您所需要的效果了。注意,为了区分含有一个“-”和含有多个“-”的情况,使用了`:not([tag*="--"])`来排除含有两个及以上“-”的标签。
相关问题
css 给文字加红色*号
您可以使用CSS的伪元素:before或:after来实现在文字前或后添加红色的*号。以下是一个示例代码:
HTML代码:
```
<p>这是一段需要加红色*号的文字</p>
```
CSS代码:
```
p:before {
content: "* ";
color: red;
}
```
这样就可以在段落文本前添加一个红色的*号了。
CSS网页制作-----家居网
以下是CSS网页制作家居网的步骤:
1. 首先,我们需要创建一个HTML文件,用于构建网页的基本结构。在HTML文件中,我们需要添加必要的标签,例如<html>、<head>、<title>、<body>等。
2. 接下来,我们需要为网页添加CSS样式。我们可以在HTML文件中使用<style>标签,或者将CSS代码写在一个独立的CSS文件中,然后在HTML文件中使用<link>标签引用该文件。
3. 对于家居网这个例子,我们可以使用CSS来实现以下功能:
- 设置网页的背景颜色和字体样式。
- 使用CSS选择器来选择不同的HTML元素,并为它们添加样式。
- 使用CSS布局来控制网页中不同元素的位置和大小。
- 使用CSS动画来实现网页中的特效,例如图片定时变换和图片放大等。
4. 最后,我们需要在HTML文件中添加内容,例如图片、文本、链接等,以及将CSS样式应用到这些内容上。
下面是一个简单的CSS样式示例,用于设置网页的背景颜色和字体样式:
```css
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
```