Home >Web Front-end >CSS Tutorial >How to use classes in css selector in Dreamweaver

How to use classes in css selector in Dreamweaver

小云云
小云云Original
2018-01-11 10:23:152905browse

How does Dreamweaver use classes in css selectors? There are many functions in the CSS selector in Dreamweaver. If you want to use one of the classes, how should you use it? Let's take a look at the detailed tutorial below. Friends who need it can refer to it. I hope it can help everyone.

  • Software name:

  • Adobe Dreamweaver CC 2017 v17.0 Chinese cracked version (with crack patch + installation tutorial) 64-bit

  • Software size:

  • 758MB

  • ##Update time:

  • 2016-11-05

1. Open the css style window and click New CSS Rule.

#2. Select "Class" in the css selector in the pop-up dialog box and choose any name in the selector name. , but a dot must be added in front, such as .ys1

3. Define the required attributes, such as font size and color, in the pop-up CSS rule definition dialog box.

4. There is an additional .ys1 css style code in the header information code, but this only creates a new style and has not been applied to the page.

#5. Select the text that needs to be applied with this style, and directly select .ys1 in the attribute class.

#6. In this way, the text will change, and a class will be officially applied to the web page.

Related recommendations:


Detailed explanation of CSS selector Selector

How to use css Selector to switch the background image of the navigation bar?

Detailed knowledge about css selector

The above is the detailed content of How to use classes in css selector in Dreamweaver. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn